0

皆さんからアイデアをもらいたいです。ボックス内の各行に1つずつ表示したい、テキスト領域のような3つのチェックボックスがあります。どのブートストラップツールでそれを実現できますか？

テキスト領域を作成してチェックボックスを外そうとしましたが、コードはテキスト領域のテキストとして変換されます。だから私はそれをすることができませんでした。それを行う方法は何ですか？

4

2 に答える 2

3

サイトを作成するときに、ブートストラップ要素のみを使用するように制限しないでください。Bootstrapは、気の利いた要素のコレクションにすぎません。自分で作るのもいいです（そしておそらく必要です）。

チェックボックスをアウトライン付きのボックスに入れたいだけの場合は、対応するBootstrap要素を配置するには少し単純すぎます。

最も単純な形式では、このためのHTMLとCSSはこの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;
}

すべてのチェックボックスを1つのボックスに収めたい場合は、もう少しコードを追加するだけでそれを実行できます。JSFiddleで表示します。

奇妙な理由でBootstrap要素のみを使用する必要がある場合、anandaの答えはかなり良いです。well要素を使用すると、境界線だけでなく、内側の影と背景色も得られます。JSFiddleで井戸を見る

于 2013-03-09T15:45:58.853 に答える
0

それらを「well」要素の中に入れてみてください

于 2013-03-09T15:42:56.127 に答える