0

Bootrstrap 2 では、メニューにドロップダウン ログインを作成するのは簡単でした。

<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>

しかし、Bootstrap 3 では、その方法がわかりません。

誰かが私にそのコードを投稿できますか?

4

1 に答える 1

0 
<div id="nav-profile-dropdown" class="btn-group navbar-right">
    <button data-toggle="dropdown" class="btn btn-warning navbar-btn dropdown-toggle" type="button">
        <i class="glyphicon glyphicon-user"></i><span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li>
            <form method="post" action="/wp-login.php" id="navloginform" name="loginform">
                <label>Username
                    <br>
                    <input type="text" tabindex="10" size="20" value="" class="input" id="user_login" name="log">
                </label>
                <label>Password
                    <br>
                    <input type="password" tabindex="20" size="20" value="" class="input" id="user_pass" name="pwd">
                </label>
                <label>
                    <input type="checkbox" tabindex="90" value="forever" id="rememberme" name="rememberme">Remember Me</label>
                <input type="submit" tabindex="100" value="Log In" class="btn btn-primary" id="wp-submit" name="wp-submit">
                <input type="hidden" value="/wp-admin/" name="redirect_to">
            </form>
        </li>
    </ul>
</div>

JBSTのコードに基づく

于 2013-11-11T18:58:25.400 に答える