如何实现Bootstrap导航在所有设备下拉到最宽?


如果用span12的话,默认只有960px,现在想要导航在所有设备下都拉到最宽,该如何实现?
因为如果修改了span12的宽度话,在其他页面需要用到span12的时候会跟着变。
我的目的是只希望导航最宽,其他内容最多960px,
相信很多人都有这种需求吧。

(大致如下图一样导航栏,不受限span12的960px总宽度宽度,直接拉满)

图片描述

求大牛给个思路,刚入Bootstrap的小白一名。

web前端开发 css bootstrap

YYMoon 10 years, 1 month ago

看楼主应该用的 Bootstrap2 ,你看看导航有没有 container 这个类,把他删了就行了!

水晶小海豚 answered 10 years, 1 month ago

这个简单啊。你导航如果是有6个的话,那么宽度设置为1/6*100%。导航外层设置为100%。
这种情形,就不要给导航用bootstrap的grids了,也就是别在导航上挂grids的相关类名。

灼眼Dシャナ樣 answered 10 years, 1 month ago

Your Answer