-
<div class="alert alert-success alert-dismissable" role="alert"> <button class="close" type="button" data-dismiss="alert">×</button> 恭喜您操作成功! </div>查看全部
-
<div class="alert alert-success" role="alert">恭喜您操作成功!</div> <div class="alert alert-info" role="alert">请输入正确的密码</div> <div class="alert alert-warning" role="alert">您已操作失败两次,还有最后一次机会</div> <div class="alert alert-danger" role="alert">对不起,您输入的密码有误</div>查看全部
-
正文文本 p 14px 1.428em(20px) 深灰色#333 字体Helvetica Neue、Helvetica Arial,sans-serif查看全部
-
Bootstrap3 表单 form-control类 1、宽度变成了100% 2、设置了一个浅灰色(#ccc)的边框 3、具有4px的圆角 4、设置阴影效果,并且元素得到焦点之时,阴影和边框效果会有所变化 5、设置了placeholder的颜色为#999 内联表单form-inline类将表单控件在一行显示,就需要将表单控件设置成内联块元素 sr-only类:隐藏作用运用了clip属性 复选框和单选按钮水平排列 checkbox-inline类 radio-inline类 表单控件禁用状态样式 语法:form-control[disabled] 表单验证状态样式 1、.has-warning:警告状态(黄色) .has-error:错误状态(红色) .has-success:成功状态(绿色) 2、.has-warning .has-feedback .has-error .has-feedback .has-success .has-feedback .help-block 提示信息的样式 eg:<div class="form-group has-success has-feedback"> <label class="control-label" for="inputSuccess1">成功状态</label> <input type="text" class="form-control" id="inputSuccess1" placeholder="成功状态" > <span class="help-block">请输入正确信息</span> <span class="glyphicon glyphicon-ok form-control-feedback"></span> </div> span是控制输入框中的小图标查看全部
-
<ol> <li>有序项目列表一</li> <li>有序项目列表二 <ul class="list-unstyled"> <li>有序二级项目列表一</li> <li>有序二级项目列表二 <ul> <li>无序三级项目列表一</li> <li>无序三级项目列表二 <ul class="list-unstyled"> <li>无序四级项目列表一</li> <li>无序四级项目列表二</li> </ul> </li> <li>无序三级项目列表三</li> </ul> </li> <li>有序二级项目列表三</li> </ul> </li> <li>有序项目列表三</li> </ol>查看全部
-
所有名称查看: 请点击:http://getbootstrap.com/components/#glyphicons 链接查阅或根据bootstrap.css文件第2393行~第2992行查阅。查看全部
-
当按钮处理正在点击状态(也就是鼠标按下的未松开的状态),对于<button>元素是通过“:active”伪类实现,而对于<a>这样的标签元素则是通过添加类名“.active”来实现。查看全部
-
很多时候,在表单验证的时候,不同的状态会提供不同的 icon,比如成功是一个对号(√),错误是一个叉号(×)等。在Bootstrap框中也提供了这样的效果。如果你想让表单在对应的状态下显示 icon 出来,只需要在对应的状态下添加类名“has-feedback”。请注意,此类名要与“has-error”、“has-warning”和“has-success”在一起查看全部
-
在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件: 1、在<form>元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。查看全部
-
为了让控件在各种表单风格中样式不出错,需要添加类名“form-control” <input type="xx" class="table-control">查看全部
-
表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 input、select、textarea等元素,Bootstrap框架中,通过定制了一个类名`form-control`,也就是说,如果这几个元素使用了类名“form-control”,将会实现一些设计上的定制效果。 1、宽度变成了100% 2、设置了一个浅灰色(#ccc)的边框 3、具有4px的圆角 4、设置阴影效果,并且元素得到焦点之时,阴影和边框效果会有所变化 5、设置了placeholder的颜色为#999查看全部
-
Bootstrap提供了一个容器,并且此容器设置类名“.table-responsive”,此容器就具有响应式效果,然后将<table class="table">置于这个容器当中,这样表格也就具有响应式效果。注意:是在表格外的容器加类名“.table-responsive”!!!查看全部
-
1、不管是checkbox还是radio都使用label包起来了 2、checkbox连同label标签放置在一个名为“.checkbox”的容器内 3、radio连同label标签放置在一个名为“.radio”的容器内 在Bootstrap框架中,主要借助“.checkbox”和“.radio”样式,来处理复选框、单选按钮与标签的对齐方式。查看全部
-
发生覅哦沙发上肌肤啦时间分厘卡机了查看全部
-
1、使用<code></code>来显示单行内联代码 2、使用<pre></pre>来显示多行块代码 3、使用<kbd></kbd>来显示用户输入代码 1、<code>:一般是针对于单个单词或单个句子的代码 2、<pre>:一般是针对于多行代码(也就是成块的代码) 3、<kbd>:一般是表示用户要通过键盘输入的内容查看全部
举报
0/150
提交
取消