用一个新的容器和行包装导航栏不好吗



我在同一页上同时使用流体容器和容器,因为设计需要全宽元素和盒装元素。

  1. 在同一页上同时使用流体容器和响应容器可以吗?或者这会把事情搞砸吗?

  2. 用一个新的容器包装导航栏并在Bootstrap页面中划船是不是很糟糕?

文档页面上的示例导航栏本身位于一行和容器中:

http://getbootstrap.com/components/#navbar

他们甚至在页面内的菜单周围仍然有一个.container-fluid。。。这意味着它们将容器嵌套在其他容器中。所以,是的,它可以在页面内。至于行、容器等,需要考虑的主要问题是基于填充和边距的对齐问题。

.container.col-*一样,在侧面添加20px填充。.row添加负裕度以抵消填充。因此,当你把菜单放在页面上后,如果它看起来像是被20px压扁了,并且没有对齐,那么你可能需要在它周围添加另一个.row。如果它在边缘之外,你可能需要添加一个.col-*来围绕它并在它上加上填充。

直到.container-fluid.container在同一页上。我在bootstrap2上为一个客户端做了这件事,该客户端希望菜单和页脚位于.容器中,但希望内容拉伸浏览器的整个宽度。。。我没有任何问题。我无法想象bootstrap3会有什么不同。

最新更新