bootstrap3笔记

<h1><h2>……<p> <xx class=’row’> 等都为行标签!

.col- 必须要在 .row 下

 

<ol class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  <li class="active">Data</li>
</ol>

“Home/Library/Data”

路径栏
使用:<ol> <li>以及 .breadcrumb 醒目显示.active

 

导航条 :

<nav class=’navbar navbar-default navbar-static-top’>

.navbar 导航

.navbar-default 颜色默认 .navbar-inverse [黑色]

.navbar-static-top 禁止在顶部 随着滚动消失

navbar-fixed-bottom 固定在底部

<div class=’container’>

#内部容器大小和之前一样大

<div class=’navbar-header’>

顶部的内容

<a class=’navbar-brand’>

文字或者<img>

</a>

</div>

<div class=’collaspse navbar-collapse’>

必须包含在collaspse navbar-collapse之中

<div class=’navbar-text’>

内容

navbar-link 链接

navbar-text 文字 <a>

navbar-form 表单 <form>

navbar-nav 列表 横向<ul class=’nav navbar-nav’>

</div>

</div>

</div>

 

</nav>

 

 

发表回复