-
.list-inline”来实现内联列表，简单点说就是把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显示。也可以说内联列表就是为制作水平导航而生。查看全部
-
水平定义列表就像内联列表一样，Bootstrap可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。查看全部
-
为了简化操作，方便使用，Bootstrap通过定义四个类名来控制文本的对齐风格： ☑ .text-left：左对齐 ☑ .text-center：居中对齐 ☑ .text-right：右对齐 ☑ .text-justify：两端对齐查看全部
-
.text-muted：提示，使用浅灰色（#999） .text-primary：主要，使用蓝色（#428bca） .text-success：成功，使用浅绿色(#3c763d) .text-info：通知信息，使用浅蓝色（#31708f） .text-warning：警告，使用黄色（#8a6d3b） .text-danger：危险，使用褐色（##a94442）查看全部
-
基本的HTML模板 小伙伴们，上一小节的视频课程已经对Bootstrap提供的模板做了详细的介绍，在这一小节中我们把这个模板代码粘贴过来，以供你们学习查看，你们可以根据实际情况在此基础上进行扩展，只需要确保文件引用顺序一致即可。 如右侧代码编辑器中就是最基本的HTML模板。 我们来简单解释一下其中几条的重要代码： bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可。 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码： <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>查看全部
-
$('#myModal').on('hidden.bs.modal', function (e) { // 处理代码... })查看全部
-
$(function(){ $(".btn-primary").click(function(){ $("#themodal").modal("toggle"); }); });查看全部
-
内联表单： <form class="form-inline" role="form"> 在label标签运用了一个类名“sr-only”，标签没显示就是这个样式将标签隐藏了。查看全部
-
水平表单： <form class="form-horizontal" role="form">查看全部
-
菜单标签上的通知数 <span class="badge">42</span>查看全部
-
<li role="presentation" class="divider"></li> 分割线查看全部
-
bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可。 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码： <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>查看全部
-
固定导航条 .navbar-fixed-top：导航条固定在浏览器窗口顶部 .navbar-fixed-bottom：导航条固定在浏览器窗口底部查看全部
-
<form class="navbar-form navbar-right"> <div class="form-group"> <input type="text" class="form-control" placeholder="请输入关键词"> </div> <button class="btn btn-default">搜索</button> </form>查看全部
-
<a data-toggle="modal" href="#mymodal" <button type="button" data-toggle="modal" data-target="#mymodal"查看全部
举报
0/150
提交
取消