-
斜体 给字体加上em或i标签 eg: <p>我在慕课网上跟<em>大漠</em>一起学习<i>Bootstrap</i>的使用。我一定要学会<i>Bootstrap</i>。</p>查看全部
-
可以使用b和strong标签直接让文本加粗 eg: <p>我在学习<strong>Bootstrap</strong>，我要掌握<strong>Bootstrap</strong>的所有知识。</p> 或者 <p>我在学习<b>Bootstrap</b>，我要掌握<b>Bootstrap</b>的所有知识。</p>查看全部
-
让一个段落p突出，（增大文本字号，加粗文本，） eg: <p>我是普通文本，我的样子长成这样我是普通文本，我的样子长成这样我是普通文本，</p> <p class="lead">我是特意要突出的文本，我的样子成这样。我是特意要突出的文本，我的样子长成这样。</p> lead可以换成: small/*标准字体的85%,也就是14px * 0.85px，差不多12px*/ strong:文本加粗 cite:style:nomal;查看全部
-
副标题small eg: <h1>Bootstrap标题一<small>我是副标题</small></h1> <h2>Bootstrap标题二<small>我是副标题</small></h2> <h3>Bootstrap标题三<small>我是副标题</small></h3> <h4>Bootstrap标题四<small>我是副标题</small></h4> <h5>Bootstrap标题五<small>我是副标题</small></h5> <h6>Bootstrap标题六<small>我是副标题</small></h6> 注意事项:<small>内的文本字体在h1~h3内，其大小都设置为当前字号的65%；而在h4~h6内的字号都设置为当前字号的75%查看全部
-
如果要使用Bootstrap的js插件，必须先调入jQuery查看全部
-
<h3>Example heading <span class="label label-default" >New</span></h3> --右上角提示查看全部
-
<ul class="pagination pagination-lg"> … </ul> <ul class="pagination"> … </ul> <ul class="pagination pagination-sm"> … </ul> --分页 重要!查看全部
-
可以制作手机夜间模式导航条查看全部
-
存在bug及解决方法: 从运行效果中大家不难发现，页面主内容顶部和底部都被固定导航条给遮住了。为了避免固定导航条遮盖内容，我们需要在body上做一些处理： body { padding-top: 70px;/*有顶部固定导航条时设置*/ padding-bottom: 70px;/*有底部固定导航条时设置*/ }查看全部
-
本节内容相对来说比较简单，一般在个人博客上使用的较为频繁，用于显示代码的风格。在Bootstrap主要提供了三种代码风格： 1、使用<code></code>来显示单行内联代码 2、使用<pre></pre>来显示多行块代码 3、使用<kbd></kbd>来显示用户输入代码 在使用代码时，用户可以根据具体的需求来使用不同的类型： 1、<code>：一般是针对于单个单词或单个句子的代码 2、<pre>：一般是针对于多行代码（也就是成块的代码） 3、<kbd>:一般是表示用户要通过键盘输入的内容 不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。而且对于<pre>代码块风格，标签前面留多少个空格，在显示效果中就会留多少个空格。建议在编写HTML标签时，就控制好，例如查看右侧代码编辑器上的15-19行。查看全部
-
1.导航.nav无默认样式。导航基本样式只有.nav-tabs,.nav-pills,需和.nav同时使用。float：left 2.垂直导航：.nav-stacked.float:none; 3.自适应导航：.nav-justified. ".nav-justified>li{display:tabled-cell};ul{width:100%;}" 4.导航分割线：.nav-divider 5.li.active,li.disabled需li>a，样式作用于a。 6.面包屑导航：ul.breadcrumb,li.active里无a才有效果。查看全部
-
<script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'></script> <script src='https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js'></script>查看全部
-
button class="btn" type="button">基础按钮.btn</button> <button class="btn btn-default" type="button">默认按钮.btn-default</button> <button class="btn btn-primary" type="button">主要按钮.btn-primary</button> <button class="btn btn-success" type="button">成功按钮.btn-success</button> <button class="btn btn-info" type="button">信息按钮.btn-info</button> <button class="btn btn-warning" type="button">警告按钮.btn-warning</button> <button class="btn btn-danger" type="button">危险按钮.btn-danger</button> <button class="btn btn-link" type="button">链接按钮.btn-link</button>查看全部
-
虽然不用加type="button"也能实现相应的显示效果，不过请始终为按钮<button>规定type属性。 --不同的浏览器对于button有不同的解析, 一个是按钮 button, 一个是 submit . 按钮提交 -- button type buytton.查看全部
-
.btn：基础按扭 .btn .default：默认按钮 .btn .primary：主要按钮 .btn .success：成功按键 .btn .info：信息按钮 .btn .warning：警告按钮 .btn .danger：危险按钮 .btn .link：连接按钮查看全部
举报
0/150
提交
取消