Header Show source

          LESS

          // Basic nav settings

          .navbar {
          position: relative;
          min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
          margin-bottom: @navbar-margin-bottom;
          border: 1px solid transparent;

          // Prevent floats from breaking the navbar
          &:extend(.clearfix all);

          @media (min-width: @grid-float-breakpoint) {
          border-radius: @navbar-border-radius;
        }
      }

      // Nav collapse

      .navbar-collapse {
      overflow-x: visible;
      padding-right: @navbar-padding-horizontal;
      padding-left:  @navbar-padding-horizontal;
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
      &:extend(.clearfix all);
      -webkit-overflow-scrolling: touch;

      &.in {
      overflow-y: auto;
    }

    @media (min-width: @grid-float-breakpoint) {
    width: auto;
    border-top: 0;
    box-shadow: none;

    &.collapse {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    padding-bottom: 0; // Override default setting
    overflow: visible !important;
  }

  &.in {
  overflow-y: visible;
}

// Undo the collapse side padding for navbars with containers to ensure
// alignment of right-aligned contents.
.navbar-fixed-top &,
.navbar-static-top &,
.navbar-fixed-bottom & {
padding-left: 0;
padding-right: 0;
}
}
}

/ Brand/project name

.navbar-brand {
float: left;
padding: @navbar-padding-vertical @navbar-padding-horizontal;
font-size: @font-size-large;
line-height: @line-height-computed;
height: @navbar-height;

&:hover,
&:focus {
text-decoration: none;
}

> img {
display: block;
}

@media (min-width: @grid-float-breakpoint) {
.navbar > .container &,
.navbar > .container-fluid & {
margin-left: -@navbar-padding-horizontal;
}
}
}


// Navbar toggle
//
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
// JavaScript plugin.

.navbar-toggle {
position: relative;
float: right;
margin-right: @navbar-padding-horizontal;
padding: 9px 10px;
.navbar-vertical-align(34px);
background-color: transparent;
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
border: 1px solid transparent;
border-radius: @border-radius-base;

// We remove the `outline` here, but later compensate by attaching `:hover`
// styles to `:focus`.
&:focus {
outline: 0;
}

// Bars
.icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.icon-bar + .icon-bar {
margin-top: 4px;
}

@media (min-width: @grid-float-breakpoint) {
display: none;
}
}