-
在Bootstrap框架中针对按钮的状态效果主要分为两种：活动状态和禁用状态。查看全部
-
btn-block块状按钮查看全部
-
按钮的大小：btn-lg大 btn-sm小 btn-xs超小查看全部
-
<button>标签元素之外，还可以使用<input type="submit">和<a>标签等。 “.btn”定义了一个基础的按钮风格，然后通过 “.btn-default”定义了一个默认的按钮风格。 btn-primary定义一个主要按钮 btn-success定义成功按钮 btn-info定义信息按钮 btn-warning定义警告按钮 btn-danger定义危险按钮 btn-link定义链接按钮查看全部
-
<form> <div class="form-group has-warning has-feedback"> <label class="control-label">警告状态</label> <input type="type" class="form-control" placeholder="警告状态"> <span class="help-block">请输入正确信息</span> <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span> </div> <div class="form-group has-success has-feedback"> <label class="control-label">成功状态</label> <div class="row"> <div class="col-xs-6"> <input placeholder="成功状态" class="form-control"> </div> <div class="col-xs-6"> <span class="help-block">请输入正确信息</span> </div> </div> </div> </form>查看全部
-
使用了一个"help-block"样式，将提示信息以块状显示，并且显示在控件底部。 一行显示： <div class="form-group"> <label class="control-label" for="inputSuccess1">成功状态</label> <div class="row"> <div class="col-xs-6"> <input type="text" class="form-control" id="inputSuccess1" placeholder="成功状态" > </div> <span class="col-xs-6 help-block">你输入的信息是正确的</span> </div> </div>查看全部
-
glyphicon-remove错误状态 glyphicon-warning-sign警告状态 glyphicon-ok成功状态 form-control-feedback查看全部
-
在Bootstrap框架中同样提供这几种效果。 1、.has-warning:警告状态（黄色） 2、.has-error：错误状态（红色） 3、.has-success：成功状态（绿色） 如果你想让表单在对应的状态下显示icon出来，只需要在对应的状态下添加类名“has-feedback”。 <div class="form-group has-error has-feedback"> <label class="control-label" for="inputError1">错误状态</label> <input type="text" class="form-control" id="inputError1" placeholder="错误状态"> <span class="glyphiconglyphicon-remove form-control-feedback"></span> </div> </div>查看全部
-
legend中有输入框的话，这个输入框是无法被禁用的查看全部
-
fieldset设置了disabled属性，整个域都将处于被禁用状态。查看全部
-
禁用：disabled查看全部
-
要让控件在焦点状态下有上面样式效果，需要给控件添加类名“form-control”：查看全部
-
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></script> </body> </html>查看全部
-
input[type=“submit”] input[type=“button”] input[type=“reset”] <button> 在Bootstrap框架中的按钮都是采用<button>来实现。查看全部
-
1、如果checkbox需要水平排列，只需要在label标签上添加类名“checkbox-inline” 2、如果radio需要水平排列，只需要在label标签上添加类名“radio-inline”查看全部
举报
0/150
提交
取消