用新容器和行包装导航栏是不是很糟糕?

时间:2014-08-26 19:47:22

标签: twitter-bootstrap twitter-bootstrap-3

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

  1. 可以在同一页面上同时使用流体和响应式容器,还是可以搞砸了?

  2. 在Bootstrap页面中用新容器和行包装导航栏是不是很糟糕?

1 个答案:

答案 0 :(得分:1)

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

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

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

.container.col-*一样,在侧面添加20px填充。 .row增加负边距以抵消填充。因此,在您将菜单放在页面上后,如果看起来它被20px挤压而没有对齐,那么您可能需要在其周围添加另一个.row。如果它位于边缘之外,您可能需要添加.col-*以环绕并在其上添加填充。

至于同一页面上的.container-fluid.container。我在bootstrap2上为一个希望菜单和页脚放在.container但希望内容扩展浏览器的整个宽度的客户端做了这个...我没有任何问题。我无法想象bootstrap3会有什么不同。