窗體垂直樣式

我使用twitter-bootstrap作爲我的項目，因爲您可能知道默認窗體對齊是垂直的，所以標籤顯示在窗體字段的上方。您可以添加類form-horizontal以顯示錶單字段旁邊的標籤。窗體垂直樣式

我正在構建一個水平顯示的窗體，但我希望我的窗體的一個子集是垂直對齊的。所以我將類form-vertical添加到該部分，但它不會改變任何內容。

所以我查看引導樣式表，並沒有form-vertical類的聲明。

您有任何建議來解決（或解決方法）這個問題嗎？

2012-10-12 Willem de Wit

這不是默認的「垂直」嗎？ – Rockbot

我在github上打開了一個ticket。我實現了所需的CSS在我的自定義樣式表：

.form-vertical .control-label { 
    float: none; 
    padding-top: inherit; 
    text-align: inherit; 
    width: auto; 
} 
.form-vertical .controls { 
    margin-left: inherit; 
}

來源

2012-10-12 09:53:15

您可能能夠解決這個使用<fieldset> S和應用表單類給他們這樣的：

<form class="form"> 
    <!-- vertical fieldset, no extra class needed --> 
    <fieldset> 
     <legend>Vertical fieldset</legend> 
     [ add your form elements ] 
    </fieldset> 
    <!-- horizontal fieldset with the extra class --> 
    <fieldset class="form-horizontal"> 
     <legend>Horizontal fieldset</legend> 
     [ add your form elements ] 
    </fieldset> 
</form>

應與<div>的工作或任何其他容器也是如此。

來源

2012-10-13 08:21:00 ditscheri

我可以解決這個問題，但是對於我來說，實現缺少的'form-vertical'類更容易。我現在不需要將表格分成多個字段集。但它就像它的想法。 –

窗體垂直樣式

回答

相關問題