Bootstrap響應水平佈局

我有一個Bootstrap佈局，但我需要它響應，不知道如何水平做到這一點。 Here's an image Bootstrap響應水平佈局

我該如何使用標準Bootstrap佈局來製作佈局，同時還要使其具有響應性？我目前在一個流體行中使用「標籤」，而另一個流體行中的輸入卻是「輸入」，但當它「縮小」時，標籤不再適合輸入。

2012-09-06 MB34

我不知道你的意思 - 如果您使用的是液體排，將不只是擴大，以填補母公司的寬度？您對響應能力有何期望？ –

標籤位於一個流體行上，輸入位於另一個下面。問題在於當響應流程發生作用時，標籤在「一行中」排列在彼此之上並且輸入彼此「排成一行」排列，標籤不再與「關聯」在一起他們的投入。我確實看到了控制組，控制標籤，控制選擇器並可能檢查出來。 – MB34

請參閱這裏的.form-horizontal示例：http://twitter.github.com/bootstrap/base-css.html#forms唯一的問題是，我將表單分隔成標籤式界面，並允許用戶編輯在提交之前，通過選項卡，表單中的所有字段。我不認爲這個.form-horizontal選擇器會爲我工作，但其他人可能會。 – MB34

您是否已經考慮通過製作一個內部具有五個.spans且每個跨度內有兩個更多流動流體的單排流體來進行嵌套？這樣只有一個頂級行，標籤/字段應該保持在一起。

http://jsfiddle.net/hmartiro/D2RLR/1726/

來源

2012-09-11 01:45:49

這實際上是我最終做的。謝謝。哦，順便說一句，你忘了將響應式樣式表包含在小提琴中。我更新了它。您必須使用中央面板滑塊來測試響應式佈局。 – MB34

你必須打破這兩個行，並讓左排有標籤是像

跨度2，跨度2，跨度2，span4，跨度2

，然後第二行包含輸入typesin以相同的方式

跨度2，跨度2，跨度2，span4，跨度2

我知道這看起來很奇怪，但它會響應。您必須遵循這樣的觀點：標籤始終保持爲標題，並且不能分解爲各自的輸入類型。但是，當您切換到響應式佈局時，這就是所給予的。

來源

2012-09-06 19:38:25 defau1t

他已將它作爲兩行，並且不起作用 - 請參閱評論。 –

Bootstrap響應水平佈局

回答

相關問題