-1

私はフォームを持っていて、それをナビゲーションバーのリンクとして持っています。ボタンを追加しようとしましたが、巨大に見えます。これが私のフォームです。

<btn class="btn btn-inverse pull-right">
  <ul class="nav pull-right">
      <li class="dropdown" id="menuLogin">
        <a class="dropdown-toggle" href="#" data-toggle="dropdown" id="navLogin">Login</a>
        <div class="dropdown-menu" style="padding:17px;">
          <form class="form" id="formLogin"> 
            <input name="username" id="username" type="text" placeholder="Username"> 
            <input name="password" id="password" type="password" placeholder="Password"><br>
            <button type="button" id="btnLogin" class="btn">Login</button>
          </form>
        </div>
      </li>
    </ul>
  </btn>

そして私のフィドル:

http://jsfiddle.net/kPNG7/

4

2 に答える 2

2

あなたはそれにたくさんのパディングを持っています

.navbar .nav>li>a {
float: none;
padding: 10px 15px 10px;
color: #777777;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
}

パディングを減らしますpadding: 2px 5px;

于 2013-08-05T21:07:37.750 に答える
1

ドロップダウン メニューはボタン自体の中にあるべきではありませんが、必要な属性を持つその兄弟です: http://getbootstrap.com/2.3.2/javascript.html#dropdowns

それと、ネストされたドロップダウンがあります。バックアップと再構築はもう少し慎重に行う必要があります。

于 2013-08-05T21:27:55.237 に答える