bootstrap 之 CSS样式
发布时间:2020-12-17 21:13:49 所属栏目:安全 来源:网络整理
导读:定制表单控件的大小 label input class="input-sm" type="text" placeholder=".input-sm" /labellabel input class="input-lg" type="text" placeholder=".input-lg" /label 不可编辑的样式 input class="span4 uneditable-input" disabled type="text" plac
定制表单控件的大小<label> <input class="input-sm" type="text" placeholder=".input-sm"> </label> <label> <input class="input-lg" type="text" placeholder=".input-lg"> </label> 不可编辑的样式<input class="span4 uneditable-input" disabled type="text" placeholder=".span4"> <span class="span4 uneditable-input">default</span> 定制帮助文本<input type="text"><span class="help-inline">行内解释文本</span> <input type="text"><span class="help-block">块解释文本</span> 定制表单行为<form class="form-actions" action=""> <label> <input type="text" id="userName"> </label> <label> Password: <input type="password" id="userPsw"> </label> <button type="button" class="btn">取消</button> <button type="submit" class="btn btn-primary">确定登录</button> </form> 验证状态<div class="control-group warning"> <label>用户名 <input type="text" id="user"> <span class="help-inline">非法用户名</span> </label> </div> 按钮样式<a href="" class="btn">super</a> <button class="btn">btn</button> <input class="btn" type="button" value="input"> <input class="btn" type="submit" value="submit"> 禁用按钮<button type="button" class="btn btn-default btn-lg disabled" disabled="disabled">Button</button>可以使用第三方专为Bootstrap设计的图标字体,如Font Awesome,在页面中引入相应的CSS文件即可使用 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |