码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap 笔记

时间:2016-10-08 13:50:48      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:

导航条:

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 笔记

标签:

原文地址:http://www.cnblogs.com/Tachi/p/5938011.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!