我想從你們那裏得到一個想法。我有3個複選框，我想在一個框中的每一行中顯示一個複選框，類似於文本區域。什麼Bootstrap工具可以讓我做到這一點？Bootstrap設計理念

我試圖創建一個文本區域和我的複選框，但代碼被翻譯爲文本區域中的文本。所以我不能那樣做。怎麼做呢？

2013-03-09 Stranger

你的意思是'textarea'元素嗎？ textarea不是* box *。這是一個表單元素，用戶可以鍵入文本，默認情況下它會顯示一個邊框。你正在尋找CSS樣式（把你的複選框和他們的標籤（你有標籤，對吧？）在一個段落中，你的問題就解決了。 – FelipeAls 2013-03-09 15:43:10

p標籤也可以工作 – Stranger 2013-03-09 15:53:06

'p'元素是一段 – FelipeAls 2013-03-09 17:27:02

內你不應該限制自己使您的網站在使用只引導要素。 Bootstrap只是一個漂亮元素的集合;製作你自己的作品也很好（也許是必要的）。

如果你只是想讓你的複選框放在一個帶有大綱的框中，那麼這對於有一個相應的Bootstrap元素來說太簡單了。

在最簡單的形式，HTML和CSS這個看起來像this JSFiddle.

的Html

<div class='checkbox-container'> 
    <input type='checkbox' id='one'> 
    <label for='one'>Hello</label> 
</div>

的CSS

.checkbox-container { 
    margin: 10px 0; 
    padding: 10px 0; 
    border: 1px solid #aaa; 
}

如果你想在一個盒子所有複選框，那麼你可以用更多的代碼來做到這一點。 View on JSFiddle.

如果出於某種奇怪的原因，您只能使用使用Bootstrap元素，ananda的答案是相當不錯的。使用well元素給你一個邊界，但也是一個內部陰影和背景顏色。 View the well on JSFiddle

來源

2013-03-09 15:45:58 jmeas

以及會做同樣的權利？ – scarecrow 2013-03-09 15:50:10

@ jmeas，而不是有三個div，我正在尋找一個div有thr ee文本框每行一個。 – Stranger 2013-03-09 15:52:49

[像這樣，然後呢？]（http://jsfiddle.net/33FSA/1/） – jmeas 2013-03-09 15:54:14

儘量把他們的「好」元素

來源

2013-03-09 15:42:56 scarecrow

什麼你是否認爲這是因爲我認爲元素是用來給灰色背景的，它不會去做我想要做的事 – Stranger 2013-03-09 15:53:52

沒有，試着閱讀文檔並發現它不會給你一個灰色的bg。用於給另一個元素一個插入效果！所以它完全符合你的目的。 – scarecrow 2013-03-09 16:02:39

我讀過這個文檔，事實上你是正確的。但是，我認爲沒有使用css也是不可能的，你怎麼看？ – Stranger 2013-03-09 17:33:36

Bootstrap設計理念

回答

的Html

的CSS

相關問題