CODEWITHSUNDEEP
javascriptjqueryhtmlcsstwitter-bootstrap
owl
owl

Reputation: 4461

Twitter bootstrap: button style doesn't work on dropdown menu

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>

Button style doesn't work only on dropdown menu. How I can fix it?

Thanks in advance.

Upvotes: 0

Views: 636

Answers (1)

Gavin
Gavin

Reputation: 7942

The class needs to be btn btn-default. The base class for all Bootstrap buttons is btn and then the secondary class btn-default tells it to have the default styling. There is also btn-primary, btn-success, btn-info, btn-warning, btn-danger, and btn-link.

Read more here: http://getbootstrap.com/css/#buttons

Upvotes: 1

Related Questions