2013-08-21 57 views
0

我正在使用引導包裝,並試圖構建一個看起來有點體面的註冊頁面。我以爲我的設計是正確的,但是當我重新調整頁面大小時,表格沒有響應。bootstrap2表修復而不是響應

我知道在bootstrap3中他們添加了表格響應,但我不能用這個特定的包裝。 bootstrap2中有沒有任何技巧可以幫助解決這個問題?

下面是一個的jsfiddle我與http://jsfiddle.net/MgcDU/6817/

工作,我已經嘗試了一些東西,比如添加span類,但是這似乎並沒有在所有幫助...它只是似乎雜波它,而不是。

+0

我目前在第一次設計迭代中使用Bootstrap的項目,而我製作流體表的嘗試總是有一個或多個缺陷。 – Stijn

+0

@Stijn至少你能夠讓它變得流暢。我似乎根本無法做到這一點。 – zazvorniki

回答

1

您通過使用表格佈局來擊敗Bootstrap的要點。 Bootstrap已將類添加到列中。使用這些。

你可以閱讀更多關於此這裏:http://getbootstrap.com/2.3.2/base-css.html#forms

要創建這樣的佈局,可以做到以下幾點。響應不再是一個問題。假設您正在使用Bootstrap 2.x,現在可以決定是否要使用.row.row-fluid

<div class="row"> 
    <div class="span4">Col 1</div> 
    <div class="span4">Col 2</div> 
    <div class="span4">Col 3</div> 
</div> 

這裏有一個演示:http://jsfiddle.net/zH8gb/1/ - 確保視口足夠寬看到feect。拖動結果區域窗口放大它。

+0

我正在使用這些,但它們在特定情況下不起作用。他們沒有像我需要他們那樣的風格。如果我可以繞過桌子,我會相信我......我討厭表格 – zazvorniki

+0

我很確定使用BS佈局應該對你的風格沒有影響。可能你的CSS有問題。 – Mohamad

+0

除了那種形式,我沒有任何東西在我的css中,我只是在我有桌子後才添加。 – zazvorniki