使用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

回答