Make top navbar fixed

This commit is contained in:
Marcin Kulik 2014-10-18 11:05:04 +02:00
parent d8845cb80e
commit c06b4b3871
3 changed files with 13 additions and 4 deletions

View File

@ -5,6 +5,7 @@ body
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif
font-size: 15px font-size: 15px
background-color: $background-color background-color: $background-color
padding-top: 42px
.btn .btn
font-size: 15px font-size: 15px

View File

@ -3,8 +3,9 @@ header.navbar
color: #fff color: #fff
border-radius: 0 border-radius: 0
border: 0 border: 0
min-height: 40px min-height: 42px
margin-bottom: 0 margin-bottom: 0
border-bottom: 1px solid #222222
.navbar-nav .navbar-nav
> li > li
@ -62,10 +63,13 @@ header.navbar
background-color: #444 background-color: #444
.navbar-collapse .navbar-collapse
border-color: #666 !important border-color: #444 !important
.navbar-toggle .navbar-toggle
border-color: #888 border: 0
padding: 10px
margin: 3px 5px 0 0
border-radius: 0
.icon-bar .icon-bar
background-color: #888 background-color: #888
@ -90,3 +94,7 @@ header.navbar
.caret .caret
margin-left: 10px margin-left: 10px
@media (max-width: 767px)
.navbar-default .navbar-nav .open .dropdown-menu > li > a
color: #fff

View File

@ -1,4 +1,4 @@
header.navbar.navbar-default[role="navigation"] header.navbar.navbar-default.navbar-fixed-top[role="navigation"]
.container .container
.navbar-header .navbar-header
button.navbar-toggle[type="button" data-toggle="collapse" data-target=".navbar-ex1-collapse"] button.navbar-toggle[type="button" data-toggle="collapse" data-target=".navbar-ex1-collapse"]