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

Question

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

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

有一个带边框的盒子，在盒子里面我需要三个等宽的跨度。我如何使用引导程序来实现这一点。

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

Answer 1

可以通过以下方式获得等宽的 div display: table：CSS 并排 div 的自动等宽 然后无论如何你都会有 3 个等宽的 div。

当窗口宽度减小时，Bootstrap 的跨度最终会在另一个之上，但这可能比智能手机上三个相同宽度的小 div 更好。

此外，您可以根据需要利用引导程序的响应式实用程序类来设计不同的图表标题。