html - 使用 Twitter Bootstrap 使 Hero-Unit 100% 宽度

标签 html css twitter-bootstrap

我正在尝试让自己熟悉 Twitter BS。

有没有办法让英雄单元 100% 浏览器的宽度,同时包含固定宽度的列?

最佳答案

.hero-unit 包裹在 .container-fluid.row-fluid 中(或者甚至不包裹任何东西)。 Bootstrap 术语中的“流体”意味着将占据浏览器窗口的 100% 宽度。将您的其他内容包装在“固定的”.container.row 中。

my fiddle 中查看我是如何做到这一点的.

关于html - 使用 Twitter Bootstrap 使 Hero-Unit 100% 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12449959/

相关文章:

javascript - 我的 websql 事务不会执行

javascript - 如何在CSS中的两行文本中添加省略号?

twitter-bootstrap - Bootstrap 下拉菜单标题宽度和插入符号

javascript - 使用 toggleClass() 函数时如何淡化更改?

html - 如何从 Selenium IDE 的下拉无序列表中选择一个元素

javascript - JQuery 的问题-切换多个图像

ios - 当 "open new tabs in background"选项打开时,Safari 会忽略媒体查询。 iPad iOS 5+

javascript - 使用类名根据 props 值使用 CSS 动态设置组件样式

html - 如何前置+附加到搜索查询?

html - 使用 bootstrap 3.2 的占位符标签不适合输入框