0

現在行っていることの画像: http://i.imgur.com/3o4eJ4s.png

    <div class="container"> 
        <div class="navbar">
             <div class="navbar-inner">
                <div class="nav-collapse pull-right">
                    <div class="pull-left"><a href="./index.php?p=register" class="btn btn-success">Reg&iacute;strate</a></div>
                    <ul class="nav">
                      <li class="divider-vertical"></li>
                      <li class="dropdown">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">Con&eacute;ctate&nbsp;<strong class="caret"></strong></a>
                        <div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;">
                            <form name="login" action="login.php" method="post" class="form-inline" style="max-width: none;">
                                <input name="user_name" class="input-medium" type="text" placeholder="Nombre de usuario" />
                                <input name="user_password" class="input-medium" type="password" placeholder="Contrase&ntilde;a" />
                                <button type="submit" class="btn btn-primary">Con&eacute;ctate</button>
                            </form>
                        </div>
                      </li>
                    </ul>
                </div>
            </div>
        </div>

私は Bootstrap を使用していますが、フォームが水平方向に表示され、クラス "form-inline" が無視されているという問題があります。私は成功せずにそれをやろうとする方法をたくさん試しました。少しでもお役に立てば幸いです。ユーザーがナビゲーションバーの「ログイン」ボタンをクリックしたときにログインフォームを配置したいので、フォームはドロップダウンメニュー内にあります。

4

1 に答える 1

1

はform親のサイズに合わせて流れていますが、問題はdivが小さすぎることです。

デフォルトを置き換える必要がありますwidth。私には設定width: 430px !importantで十分でした。

<div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;width: 430px !important;">
于 2013-07-11T19:08:09.810 に答える