使用Twitter Bootstrap的响应式布局

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

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

有一个边框的箱子，我需要有三个等宽的跨度。我如何使用bootstrap实现这一点。

enter image description here

2012-09-20 Harsha M V

问题在哪里？你能解释一下你想达到什么吗？ “自然工作”不是很清楚。将'span3'类应用于这三个元素中的每一个对你有用吗？ –

@MaximeR。我正在使用一行> span12，并在另一个div＃stats-chart中实现该框。现在我必须添加三个等宽的div。如果我添加另一行和跨度，它会给我一个完整的宽度 –

@ MaximeR.'span4'。 – Prinzhorn

等宽的div可以display: table获得：CSS side by side div's auto equal widths 那么你就必须等宽的3个div的无论什么。

当窗口宽度减小时，Bootstrap的跨度将高于另一个跨度，但这可能会优于智能手机上三个等宽的小型div。

此外，您可以使用引导程序的responsive utility classes根据需要设计不同的图表标题。

2012-09-20 20:46:50

回答