0

Bootstrap 2 を使用したツールバーがありました。

<div class="btn-toolbar">
  <a class="btn" href="adicionar/">Adicionar cliente</a>
  <form class="pull-right" method="GET">
    <fieldset class="input-append search">
      <input type="text" name="search" id="id_search" class="input-medium" maxlength="200">
      <input type="submit" class="btn btn-group" name="submit_search" value="Buscar">
    </fieldset>
  </form>
</div>

次に、ドキュメントによると、.btn-default を .btn に入れ、.input-append を .input-group に変更するだけです。お気に入り：

<div class="btn-toolbar">
  <a class="btn btn-default" href="adicionar/">Adicionar cliente</a>
  <fieldset class="input-group search">
    <input type="text" name="search" id="id_search" class="input-medium" maxlength="200">
    <input type="submit" class="btn btn-group" name="submit_search" value="Buscar">
  </fieldset>
</div>

結果はただひどいです！ボタンのスタイルが失われ、インラインではなくなります。それを解決する方法についてのヒントはありますか？

4

3 に答える 3

1

あなたはこのようなことをすることができますinput-group-btn..スパンに注意してください..

<div class="btn-toolbar">
    <a class="btn btn-default" href="adicionar/">Adicionar cliente</a>
    <div class="col-md-3 input-group pull-right">
      <input type="text" name="search" id="id_search" class="input-medium form-control" maxlength="200">
      <span class="input-group-btn">
        <input type="submit" class="btn btn-group" name="submit_search" value="Buscar">
      </span>
    </div>
</div>

デモ: http://bootply.com/77949

于 2013-08-30T02:02:18.397 に答える