-
<p>我是普通文本，我的样子长成这样我是普通文本，我的样子长成这样我是普通文本，</p> <p class="lead">我是特意要突出的文本，我的样子成这样。我是特意要突出的文本，我的样子长成这样。</p> 效果查看最右侧结果窗口。 “.lead”对应的样式如下： /*源码查看bootstrap.css文件第470行~480行*/ .lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; } @media (min-width: 768px) {/*大中型浏览器字体稍大*/ .lead { font-size: 21px; } } 除此之外，Bootstrap还通过元素标签:<small>、<strong>、<em>和<cite>给文本做突出样式处理。 /*源码查看bootstrap.css文件第55行~第58行*/ b,strong { font-weight: bold; /*文本加粗*/ } /*源码查看bootstrap.css文件第481行~第484行*/ small,.small { font-size: 85%; /*标准字体的85%,也就是14px * 0.85px，差不多12px*/ } /*源码查看bootstrap.css第485行~第487行*/ cite { font-style: normal; }查看全部
-
<span class="glyphicon glyphicon-search"></span>查看全部
-
1、img-responsive：响应式图片，主要针对于响应式设计 2、img-rounded：圆角图片 3、img-circle：圆形图片 4、img-thumbnail：缩略图片查看全部
-
Bootstrap框架针对按钮的状态做了一些特殊处理。在Bootstrap框架中针对按钮的状态效果主要分为两种：活动状态和禁用状态。 Bootstrap按钮的活动状态主要包括按钮的悬浮状态(:hover)，点击状态(:active)和焦点状态（:focus）几种。查看全部
-
<button class="btn btn-default" type="button">button标签按钮</button> <input type="submit" class="btn btn-default" value="input标签按钮"/> <a href="##" class="btn btn-default">a标签按钮</a> <span class="btn btn-default">span标签按钮</span> <div class="btn btn-default">div标签按钮</div>查看全部
-
在制作表单时，不免要做表单验证。同样也需要提供验证状态样式，在Bootstrap框架中同样提供这几种效果。 1、.has-warning:警告状态（黄色） 2、.has-error：错误状态（红色） 3、.has-success：成功状态（绿色） 使用的时候只需要在form-group容器上对应添加状态类名。查看全部
-
属性顺序 HTML 属性应当按照以下给出的顺序依次排列，确保代码的易读性。 class id, name data-* src, for, type, href, value title, alt role, aria-* class 用于标识高度可复用组件，因此应该排在首位。id 用于标识具体组件，应当谨慎使用（例如，页面内的书签），因此排在第二位。查看全部
-
按钮也是表单重要控件之一,制作按钮通常使用下面代码来实现： input[type=“submit”] input[type=“button”] input[type=“reset”] <button>查看全部
-
overflow: hidden; //在设置了 width 或 height 的div中，写上overflow:hidden;的话，超出宽度或高度的部分，就隐藏了。 就是说，这个overflow:hidden;属性可以保证div的高度或宽度不变。 div里添加的东西再多，高度或宽度也不变。超出的部分隐藏。查看全部
-
下拉菜单组与组之间有一个分隔线 <li class="nav-divider"></li>查看全部
-
<script type="text/javascript"> $(function(){ $("li").click(function(){ $(this).addClass("active").siblings().removeClass("active"); }) }) </script>查看全部
-
表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同，而且不同的浏览器对表单控件渲染的风格都各有不同。查看全部
-
.table：基础表格 .table-striped：斑马线表格 .table-bordered：带边框的表格 .table-hover：鼠标悬停高亮的表格 .table-condensed：紧凑型表格 .table-responsive：响应式表格查看全部
-
1、<code>：一般是针对于单个单词或单个句子的代码 2、<pre>：一般是针对于多行代码（也就是成块的代码） 3、<kbd>:一般是表示用户要通过键盘输入的内容查看全部
-
水平定义列表就像内联列表一样，Bootstrap可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。查看全部
举报
0/150
提交
取消