-
块状按钮:让按钮充满整个容器 给button标签再添加一个类btn-block 例如 class=" btn btn-primary btn-log btn-block" type="button" >大型按钮</button>查看全部
-
按钮大小的设置: button的class btn btn-primary btn-lg 大型按钮 btn btn-primary 正常按钮 btn btn-primary btn-sm 小型按钮 btn btn-primary btn-xs超小型按钮查看全部
-
按钮<button type="botton" >按钮</button> 基础按钮（灰色）：class="btn" 默认按钮（白色，鼠标放上去变灰）：class="btn btn-default" 主要按钮（深蓝色）:class="btn btn-primary" 成功按钮（绿色）：class="btn btn-success" 信息按钮（浅蓝色）：class="btn btn-info" 警告按钮（橙色）： class="btn btn-warning" 危险按钮（红色）： class="btn btn-danger" 链接按钮（白色）：class="btn btn-link"查看全部
-
dl-horizontal查看全部
-
list-inline查看全部
-
表单验证时的提示信息 在input下面加上<span class="help-block">你输入的信息是正确的</span>（提示信息在表单控件的下面） 在input下面加上<span class="col-xs-6 help-block">你输入的信息是正确的</span>（提示信息在表单的右边）查看全部
-
表单验证 成功状态:label上面的 div设置class="form-group has-success has-feedback" 警告状态：label上面的 div设置class="form-group has-warning has-feedback" 错误状态：label上面的 div设置class="form-group has-error has-feedback" 并且给lablel下面添加 <span class="glyphicon glyphicon-ok form-control-feedback"></span>成功 <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>警告 <span class="glyphicon glyphicon-remove form-control-feedback"></span>错误查看全部
-
将表单禁用： 1、在input里面输入 disabled eg:<input class="form-control" type="text" placeholder="表单已禁用，不能输入" disabled> 2、在fieldset设置 disabled eg: <fieldset disabled> <div class="form-group"> <label for="disabledTextInput">禁用的输入框</label> <input type="text" id="disabledTextInput" class="form-control" placeholder="禁止输入"> </div> </fieldset> 3、当给fieldset设置disabled后，如果fieldset里面有被legend包裹的input，这个input不会被禁用查看全部
-
让表单有更大的控件 input的class设置为class="form-control input-lg" 更小的控件 input的class设置为class="form-control input-sm" 改变表单控件的宽度 将input外面的的 div设置为class="col-xs-4"或者"col-xs-5/6/7"查看全部
-
按钮 将input的type设置为submit、button和reset查看全部
-
一组单选按钮eg: <form role="form"> <div class="form-group"> <label class="radio-inline"> <input type="radio" value="男性" name="sex">男性 </label> <label class="radio-inline"> <input type="radio" value="女性" name="sex">女性 </label> <label class="radio-inline"> <input type="radio" value="中性" name="sex">中性 </label> </div> </form>查看全部
-
复选框和单选按钮水平排列 复选框checkbox水平排列:label加上class="checkbox-inline" 单选框radio水平排列：label加上class=:radio-inline"查看全部
-
表单控件之复选框checkbox和单选按钮radio <form role=“form”> 记住密码： <div class="checkbox"> <label> <input type="checkbox" value=""> 记住密码 </label> </div> 喜欢/不喜欢 <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios1" value="love" checked> 喜欢 </label> </div> </form>查看全部
-
表单控件之文本域 写法: <form role="form"> <div class="form-group"> <textarea class="form-control" rows="3"></textarea> </div> </form>查看全部
-
表单中的input应该有class="form-group"查看全部
举报
0/150
提交
取消