jquery - 使用 Twitter Bootstrap 的响应式布局

标签 jquery html css twitter-bootstrap

我正在尝试使用 Bootstrap 构建响应式布局。我很困惑如何对下面的区域进行编码以确保它可以自然地与 bootstrap 一起工作。

根据 Twitter 惯例,我已经在使用 div.row 和 div.span12。在这个区域内,我有一个带有边框的框,如下所示。

有一个带边框的盒子,盒子里面我需要有三个宽度相等的跨度。我如何使用 Bootstrap 实现这一目标。

enter image description here

http://play.mink7.com/h/minkstock/

最佳答案

可以通过display: table获得等宽div: CSS side by side div's auto equal widths 然后无论如何你都会有 3 个等宽的 div。

当窗口宽度减小时,Bootstrap 的 span 最终会一个一个在另一个上面,但这可能比智能手机上三个等宽的小 div 要好。

另外,您可以使用 Bootstrap 的 responsive utility classes根据需要设计不同的图表标题。

关于jquery - 使用 Twitter Bootstrap 的响应式布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12519301/

相关文章:

javascript - JQuery 动画回退无法正常工作

javascript - 如何使两侧等高?一个大的 div 和一些小的 div

javascript - 如何从 Sizmek 实现第三方展示跟踪 URL?

javascript - Jquery - 菜单鼠标悬停在 <a> 而不是 <a> <span>

html - 假列在窗口时神秘地停止工作

jquery - 使用 img src swap 添加淡入淡出

javascript - Select2allowclear和knockout.js

css - 响应式 CSS,同时保持设置的宽度

javascript - 如何根据 form-validator jquery 插件中的条件更改 errorMess 值

html - 空段落标签 - 我是否应该允许在 HTML 编辑器中使用?