Bootstrap內聯復選框-如何在窗體內向左或向右拖動它們？

Question

我在form-horizontal well well-small的form-horizontal well well-small使用Twitter Bootstrap內聯復選框

如果在復選框中添加了pull-left或right ，則即使它們嵌套在表單中，它們也會被正確拉出，但是會從well元素中刪除。 pull按鈕適用於按鈕，但不適用於嵌入式復選框。

我嘗試將它們放在控件組中，並在控件組上使用pull ，但是它們仍然well落在了表格之外。

編輯：

失敗的示例： http : //bbalban.pagodabox.com/snippets/post-fails

工作示例： http : //bbalban.pagodabox.com/snippets/post-works

當第一個標簽被移除或具有向右拉標簽時，它將失敗。 當第一個標簽在那里但沒有拉限定符時，它可以工作。

謝謝。

Answer 1

檢查您的復選框是否按“浮動”屬性對齊。 如果是，則將“ overflow：hidden”添加到父元素。 如果否，請提供一個網址，以便我們進行測試。

編輯

您必須添加的主要規則是：

.well { overflow: hidden; }

此外，要糾正標簽和按鈕的位置，請添加以下內容：

.well .btn { margin-top: 8px; }
.well label.checkbox { margin: 9px 3px 0 10px; }