-
官网：http://getbootstrap.com/查看全部
-
Bootstrap是 Twitter推出的一个开源的用于前端开发的工具包。 由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。 简单、灵活的用于搭建WEB页面的HTML、CSS、JavaScript的工具集查看全部
-
<div class="container"> <div class="row"> <span class="col-md-4"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神， 将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></span> <span class="col-md-4"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神， 将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></span> <span class="col-md-4"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神， 将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></span> <span class="col-md-5"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神， 将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></span> <span class="col-md-7"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神， 将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></span> <span class="col-md-2"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神， 将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></span> <span class="col-md-10"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神， 将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></span> </div> </div>查看全部
-
栅格系统布局查看全部
-
.col-md-*(*号加起来=12)查看全部
-
<a href="#carouselab" class=" carousel-control left" role="button" data-slide="prev" > <span class="glyphicon glyphicon-chevron-left"></span> </a> <a href="#carouselab" class=" carousel-control right" role="button" data-slide="next" > <span class="glyphicon glyphicon-chevron-left"></span> <span class="sr-only">Previous</span> </a>查看全部
-
<div id="carouselab" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselab" class="active" data-slide-to="0"><a href="#"></a></li> <li data-target="#carouselab" data-slide-to="1"><a href="#"></a></li> </ol> <div class="carousel-inner" role="listbox"> <div class="item active"><img src="images/chrome-big.jpg" width="1920" height="1200" /> <div class="carousel-caption"> <p>11 英寸 MacBook Air 充电一次可运行长达 9 小时，而 13 英寸机型则可运行长达 12 小时。</p> </div> </div> <div class="item "><img src="images/ie-big.jpg" width="1920" height="1200" /> <div class="carousel-caption"> <p>11 英寸 MacBook Air 充电一次可运行长达 9 小时，而 13 英寸机型则可运行长达 12 小时。</p> </div> </div> </div> </div>查看全部
-
carousel轮播组件查看全部
-
<form role="search" class=" navbar-form navbar-right"> <input type="text" class=" form-control" placeholder="用户名..." /> <input type="text" class=" form-control" placeholder="密码..." /> <button type="submit" class=" btn btn-default" >登陆</button> </form>查看全部
-
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">特点 <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="#feature-tab" data-tab="tab-chrome">Chrome</a></li> <li><a href="#feature-tab" data-tab="tab-firefox">F</a></li> <li><a href="#feature-tab" data-tab="tab-safari">S</a></li> <li><a href="#feature-tab" data-tab="tab-opera">O</a></li> <li><a href="#feature-tab" data-tab="tab-ie">IE</a></li> </ul> </li>查看全部
-
<nav class="navbar navbar-default navbar-fixed-top " role="navigation" id="menu-nav"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">brand</a> </div> <div class="collaspase navbar-collapse" > <ul class="nav navbar-nav"> <li class="active"><a href="#">link</a></li> <li><a href="#">link</a></li> </ul> </div> </div> </nav>查看全部
-
test code查看全部
-
navbar-inverse：黑色 navbar-fixed-top：导航条固定在顶部查看全部
-
<nav class="navbar nav-bar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">brand</a> </div> <div class="collaspase navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"><a href="#">link</a></li> <li><a href="#">link</a></li> </ul> </div> </div> </nav>查看全部
-
通过添加 .navbar-left 和 .navbar-right 工具类让导航链接、表单、按钮或文本对齐。两个类都会通过 CSS 设置特定方向的浮动样式。查看全部
举报
0/150
提交
取消