我在同一页上同时使用流体容器和容器,因为设计需要全宽元素和盒装元素。
-
在同一页上同时使用流体容器和响应容器可以吗?或者这会把事情搞砸吗?
-
用一个新的容器包装导航栏并在Bootstrap页面中划船是不是很糟糕?
文档页面上的示例导航栏本身位于一行和容器中:
http://getbootstrap.com/components/#navbar
他们甚至在页面内的菜单周围仍然有一个.container-fluid
。。。这意味着它们将容器嵌套在其他容器中。所以,是的,它可以在页面内。至于行、容器等,需要考虑的主要问题是基于填充和边距的对齐问题。
.container
和.col-*
一样,在侧面添加20px
填充。.row
添加负裕度以抵消填充。因此,当你把菜单放在页面上后,如果它看起来像是被20px
压扁了,并且没有对齐,那么你可能需要在它周围添加另一个.row
。如果它在边缘之外,你可能需要添加一个.col-*
来围绕它并在它上加上填充。
直到.container-fluid
和.container
在同一页上。我在bootstrap2上为一个客户端做了这件事,该客户端希望菜单和页脚位于.容器中,但希望内容拉伸浏览器的整个宽度。。。我没有任何问题。我无法想象bootstrap3会有什么不同。