bootstrap 笔记

最新推荐文章于 2019-10-28 22:34:54 发布

as250555

最新推荐文章于 2019-10-28 22:34:54 发布

阅读量65

点赞数

原文链接：http://www.cnblogs.com/Tachi/p/5938011.html

版权

导航条：

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

网格系统：