bootstrap 笔记

导航条：

div.navbar.navbar-default  >  ul.nav.navbar


无非两层：

父div：

 navbar {相对位置、最低高度50px、下部margin：20px、透明边框}

 navbar-default{设置背景、设置边框｝

 

子ul：
　　

.navbar-nav {    //这个主要作用是：设置下部a标签字体高度。
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}

.navbar > li { left 浮动}


.nav {
  padding-left: 0;
  margin-bottom: 0; 
  list-style: none;  // 首先去掉列标
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

 

 

类淘宝-MENU

div.navbar.navbar-default>div.navbar-header>a.navbar-brand{菜单标题}+button.navbar-toggle[data-toggle="collapse" data-target=".navbar-collapse-toggle"]>span.icon-bar*3^^div.collapse.navbar-collapse.navbar-collapse-toggle>ul.navbar-nav.nav>(li>a[href="#"]{菜单项-$})*5

// navbar-inverse

 网格系统：