首页 > 代码库 > bootstrap 笔记

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;}

 

 

 div.navbar.navbar-defalut>div.navbar-header>a.navbar-brand{标题}>ul.nav.navbar-nav>(li>a{列表$})*3

 

  li.dropdown > a[data-toggle="dropdown"] > span.caret ^ ul.dropdown-menu > li.menuitem{标签$}

 

 li.navbar-form > div.form-group>input.form-control^button.btn-primary

 

bootstrap 笔记