html - 水平フォームの設定とボタンの追加

Question

フォームがあります：http： //fiddle.jshell.net/eJ2kS/ ラベルとテキストを1行に入力し、ボタンをテキスト入力に追加したいのですが、ドキュメントではボタンの追加について少しあいまいです。 http://twitter.github.com/bootstrap/base-css.html#forms

Answer 1

次のようにスタイルを上書きする必要があります。これは、フレームワークの使用に関する解決策ではないことに注意してください。

.control-group, .btn, .control-group label, .controls{ float:left !important; }
.controls{ margin:0 1em !important; }
.control-group{ margin:0 !important; }
label{ margin:5px !important; }

これがあなたの望むものであることを願っています。必要なすべての要素を左側にフロートさせ、一部のマージンを修正します。それで全部です。!importantフレームワークから古い値を強制的にオーバーライドすることです。

更新されたフィドルは次のとおりです：http：//fiddle.jshell.net/eJ2kS/5/

Answer 2

これを選びますか？

もしそうなら、コードは...

<form id="signup" method="post" action="/signup" class="form-horizontal">
                    <legend>Sign Up</legend>

                    <div class="control-group">
                        <label for="appendedInputButton" class="control-label">User Name</label>
                        <div class="controls">
                          <div class="input-append">
                            <input type="text" size="16" id="appendedInputButton" class="span2"><button type="button" class="btn">Check Availabilty</button>
                          </div>
                        </div>
                     </div>
                </fieldset>
            </form>

私はあなたのフィドルを更新したと思います...ここにあります。