2

help-inlineマークアップする、またはhelp-blockラジオやチェックボックスのフィールドをマークアップする適切な方法は何ですか？

これは、私が期待するように表示されていません。

<div class="control-group">
    <div class="controls">
            <label class="radio" for="foo">
                <input type="radio" name="foobar" value="foo" id="foo">
                Foo label
            </label>
            <span class="help-inline">Foo inline help</span>
    </div>
</div>

編集1：

フォローアップの質問：2番目のラジオオプションをマークアップするにはどうすればよいですか？別のものに包まれましたdiv.controlsか？

4

3 に答える 3

0

シンビルスクの答えを参照してください-助けてくれました：

<form class="form-horizontal">
    <div class="control-group">
        <label class="control-label" for="inputType">Type</label>
        <div class="controls">
            <input type="text" id="inputType" placeholder="Type">
        </div>
    </div>
    <div class="control-group">
        <span class="control-label">Metadata</span>
        <div class="controls form-inline">
            <label for="inputKey">Key</label>
            <input type="text" class="input-small" placeholder="Key" id="inputKey">
            <label for="inputValue">Value</label>
            <input type="password" class="input-small" placeholder="Value" id="inputValue">
        </div>
    </div>
</form>

.form-inline内で適切なスタイリングを取得するために使用していることに注意してください.controls。このjsfiddle
でテストできます

于 2013-06-27T16:42:06.427 に答える
-1

次のように実装しました。

<div class="control-group">
   <label class="control-label" for="foo">Foo label</label>

   <div class="controls">
      <label class="checkbox">
         <input id="foo" name="foo" type="radio">
         Foo message
      </label>
   </div>
</div>
于 2012-12-20T06:17:14.490 に答える