twitter-bootstrap - ブートストラップ スタイリングの問題

Question

以下を実行する方法を知っている人はいますが、検索ボタンをドロップダウンとして持っていますか?

<div class="input-append">
  <input class="span2" id="appendedInputButtons" type="text">
  <button class="btn" type="button">Search</button>
  <button class="btn" type="button">Options</button>
</div>

Answer 1

これを試してみてください...

<div class="input-append">
                  <input type="text">
                  <div class="btn-group">
                    <button class="btn dropdown-toggle" data-toggle="dropdown" tabindex="-1">
                      Search
                      <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                      <li><a href="#">Action</a></li>
                      <li><a href="#">Another action</a></li>
                      <li><a href="#">Something else here</a></li>
                      <li class="divider"></li>
                      <li><a href="#">Separated link</a></li>
                    </ul>
                   <button class="btn" tabindex="-1">Options</button>
                  </div>
                </div>