关闭

bootstrap 之 CSS样式

标签: bootstrap
1154人阅读 评论(0) 收藏 举报
分类:

定制表单控件的大小

<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文件即可使用







0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:387442次
    • 积分:5812
    • 等级:
    • 排名:第4576名
    • 原创:200篇
    • 转载:0篇
    • 译文:0篇
    • 评论:70条
    博客专栏
    博客已搬至