Twitter引导程序:按钮样式不适用于下拉菜单

时间:2014-03-08 06:12:01

标签: javascript jquery html css twitter-bootstrap

enter image description here

                 <nav class="nav-collapse user">
                    <div class="user-info pull-right">
                        <img src="http://placekitten.com/35/35" alt="User avatar">
                        <div class="btn-group">                         
                            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                <div><strong>John Pixel</strong>Administrator</div>
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" style="padding:15px 15px 0 15px;">
                                <form method="POST" style="background:none;">
                                    <input type="text" name="username" placeholder="<?= lang('username') ?>">
                                    <input type="password" name="username" placeholder="<?= lang('password') ?>">
                                    <input class="btn-default" type="submit" value="Log In">
                                </form>
                            </ul>
                        </div>
                    </div>
                </nav>

按钮样式仅在下拉菜单中不起作用。我怎么解决它?

提前致谢。

1 个答案:

答案 0 :(得分:1)

该课程必须为btn btn-default。所有Bootstrap按钮的基类为btn,然后辅助类btn-default告诉它具有默认样式。还有btn-primarybtn-successbtn-infobtn-warningbtn-dangerbtn-link

在这里阅读更多内容: http://getbootstrap.com/css/#buttons