Question

我最近密切关注twitter bootstrap来制作我的团队网站，但是我遇到阻碍我的问题。所以有我的身体：

  <div class="container">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="index.html">Acceuil</a></li>
                    <li class="divider-vertical"></li>
                    <li><a href="membres.html">Membres</a></li>
                    <li class="divider-vertical"></li>
                    <li><a href="videos.html">Vidéos</a></li>
                    <li class="divider-vertical"></li>
                    <li><a href="forum.html">Forum</a></li>
                    <li class="divider-vertical"></li>
                </ul>
 <div class="row">
 <div class="span9">
    Column 1
 </div>
 <div class="span3">

   Column2
 </div>
</div>
 </div></i>

我希望导航栏能够在我的容器周围继续使用边框，但我不知道该怎么做，我使用的是基本版本的twitter bootstrap。如果有人知道该怎么做请告诉我。 http://jsbin.com/cesorozu/1/edit这就是我想要的http://puu.sh/aH4bG/27021ae1ab.jpg

谢谢 Psyko460

Answer 1

根据您分享的代码和图片，我认为您可以在span9和span3 div中使用另一个div，但是您应该小心边框，并且可以设置自己的高度：

.bordered{
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   border:1px solid black;
   height:400px;
 }

这是JS Bin

如果您不希望您的div位于边缘，请使span span网格更小，如span8 vs span3。他们不会结束12，所以你将拥有你的div的空间。然后简单地给你的内部div提供margin-left来移动它们（div为＃＆＃34; .bordered＆＃34;对于这个例子）。

这是一个例子：JS Bin

希望这有帮助。

我想设计我的容器和跨度

1 个答案: