我在同一页面使用流体容器和容器,因为设计需要全宽元素和盒装元素。
可以在同一页面上同时使用流体和响应式容器,还是可以搞砸了?
在Bootstrap页面中用新容器和行包装导航栏是不是很糟糕?
答案 0 :(得分:1)
文档页面上的示例导航栏本身位于行和容器中:
http://getbootstrap.com/components/#navbar
他们甚至还有一个.container-fluid
围绕页面内的菜单......这意味着他们将容器嵌套在其他容器中。所以,是的,它可以在页面内。就行,容器等而言,要考虑的主要问题是基于填充和边距的对齐问题。
.container
与.col-*
一样,在侧面添加20px
填充。 .row
增加负边距以抵消填充。因此,在您将菜单放在页面上后,如果看起来它被20px
挤压而没有对齐,那么您可能需要在其周围添加另一个.row
。如果它位于边缘之外,您可能需要添加.col-*
以环绕并在其上添加填充。
至于同一页面上的.container-fluid
和.container
。我在bootstrap2上为一个希望菜单和页脚放在.container但希望内容扩展浏览器的整个宽度的客户端做了这个...我没有任何问题。我无法想象bootstrap3会有什么不同。