-
<ul class="pager">
<li></li>
</ul>
« 上一页的双小箭头
» 下一页的双小箭头
查看全部 -
<ul class="pagination pagination-lg">
<li><a href="#">«第一页</a></li><ul class="pagination pagination">
<li><a href="#">«第一页</a></li><ul class="pagination pagination-sm">
<li><a href="#">«第一页</a></li>查看全部 -
navbar-fixed-top
navbar -fixed-bottom
查看全部 -
搜索表单
<form action="##" class="navbar-form navbar-left" rol="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="请输入关键词" />
</div>
<button type="submit" class="btn btn-default">搜索</button>
</form>查看全部 -
二级标签
<li class="dropdown">
<a class="dropdown-to" data-toggle="dropdown" href="#"><span slass="caret"></span></a>
<ul class="dropdown-menu">
<li><li><li>
</ul>
</li>
查看全部 -
role="navigation"
标注是导航容器不是普通容器
查看全部 -
<div class="navbar navbar-default" >
<div class="navbar-header">
<a href="##" class="navbar-brand">慕课网</a>
</div>查看全部 -
<div class="navbar navbar-default" role="navigation">
<ul class="nav navbar-nav">查看全部 -
复选 单选
查看全部 -
单选 复选按钮
查看全部 -
如果在li标签上添加了disabled类名的时候,分页按钮处于禁用状态,但同样不能禁止其点击功能。你可以通过js来处理,或将a标签换成span标签
查看全部 -
<div class="container">
<div class="row">//行
<div class="col-md-1">.col-md-1</div>//列
<div class="col-md-1">.col-md-1</div></div>
</div>
查看全部 -
<!--Bootstrap中让非标题元素和标题使用相同的样式-->
<div class="h1">Bootstrap标题一</div>查看全部 -
<!--Bootstrap中使用了<small>标签来制作副标题-->
<h1>Bootstrap标题一<small>我是副标题</small></h1>查看全部 -
Bootstrap框架的核心是轻量的CSS基础代码库,他并没有一味的重置样式,而是注重各浏览器基础表现,降低开发难度。
移除body的margin声明
设置body的背景色为白色
为排版设置了基本的字体、字号和行高
设置全局链接颜色,且当链接处于悬浮“:hover”状态时才会显示下划线样式
查看全部
举报