-
只需要在基础按钮“.btn”基础上追加对应的类名，就可以得到需要的按钮风格查看全部
-
<a href="#" class="btn btn-default">a标签按钮</a>查看全部
-
Bootstrap框架首先通过基础类名“.btn”定义了一个基础的按钮风格，然后通过“.btn-default”定义了一个默认的按钮风格。默认按钮的风格就是在基础按钮的风格的基础上修改了按钮的背景颜色、边框颜色和文本颜色。查看全部
-
btn 基础按钮 btn-default 默认按钮 btn-primary 主要按钮 btn-success 成功按钮 btn-warning 警告按钮 btn-info 信息按钮 btn-danger 危险按钮 btn-link 链接按钮查看全部
-
inline的话是直接给label加上***-inline的class查看全部
-
<body> <button class="btn" type="button">基础按钮.btn</button> <button class="btn btn-default" type="button">默认按钮.btn-default</button> <button class="btn btn-primary" type="button">主要按钮.btn-primary</button> <button class="btn btn-success" type="button">成功按钮.btn-success</button> <butt查看全部
-
Mark 有时间改改查看全部
-
class="active"查看全部
-
1、.has-warning:警告状态（黄色） 2、.has-error：错误状态（红色） 3、.has-success：成功状态（绿色） 其他两种状态省略源码不在此展示。 很多时候，在表单验证的时候，不同的状态会提供不同的icon，比如成功是一个对号（√），错误是一个叉号（×）等。在Bootstrap框中也提供了这样的效果。如果你想让表单在对应的状态下显示icon出来，只需要在对应的状态下添加类名“has-feedback”。请注意，此类名要与“has-error”、“has-warning”和“has-success”在一起：查看全部
-
<form role="form" class="form-horizontal"> <div class="form-group"> <div class="col-xs-6"> <input class="form-control input-lg" type="text" placeholder="不是焦点状态下效果"> </div> <div class="col-xs-6"> <input class="form-control input-lg" type="text" placeholder="焦点点状态下效果"> </查看全部
-
<div class="form-group"> <input type="text" class="form-control" placeholder="请输入用户名"> </div>查看全部
-
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery --> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script> <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 --> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>查看全部
-
<!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->查看全部
-
<!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!--你自己的样式文件 --> <link href="css/your-style.css" rel="stylesheet">查看全部
-
<div class="table-responsive"> <table class="table table-bordered"> </table> </div>查看全部
举报
0/150
提交
取消