Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #10917
Closed
Open
Issue created Oct 02, 2013 by Administrator@rootContributor

Link styled as Button in Navbar is too big

Created by: 1st

Hello!

When I insert <button> to navbar-nav - all works fine. But when I try to insert <a class="btn btn-default navbar-btn"> - I see too big button.

Please fix this bug in the next release of the best web UI framework!

    <!-- Fixed navbar -->
    <header class="navbar navbar-default navbar-fixed-top" role="banner">
    <!-- <div class="navbar navbar-default navbar-fixed-top"> -->
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".top_menu.navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/">SITE.com</a>
            </div>
            <div class="top_menu collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a class="btn btn-success navbar-btn">Sign in 2</a></li>
                    <li><a href="/register">Registration</a></li>
                    <li><button type="button" class="btn btn-success navbar-btn">Sign in</button></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    <!-- </div> -->
    </header>

Sign in - looks good. Sign in 2 - looks bad :-(

screen shot 2013-10-02 at 20 15 45

Thanks. Anton

Assignee
Assign to
Time tracking