-
按钮组 btn-group 按钮组大小 btn-group-lg, 不写, btn-group-sm, btn-group-xs查看全部
-
<img alt="140x140" width="140px" height="140px" src="http://placehold.it/140x140">查看全部
-
<button class="btn btn-info btn-block disabled" type="button">重置</button> <button class="btn btn-info btn-block " disabled="disabled" type="button">重置查看全部
-
<button class="btn btn-primary btn-xs">超小型按钮.btn-xs</button>查看全部
-
<a href="#" class="btn btn-default">a标签按钮</a>查看全部
-
<button class="btn btn-default" type="button">默认按钮</button>查看全部
-
注意:虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格,但个人并不建议这样使用,为了避免浏览器兼容性问题,个人强烈建议使用button或a标签来制作按钮。查看全部
-
<div class="row"> <div class="col-md-8">col-md-8 <div class="row"> <div class="col-md-8">in-8</div> <div class="col-md-4">in-4</div> </div> <div class="row"> <div class="col-md-6">in-6</div> <div class="col-md-6">in-6</div> </div> </div> <div class="col-md-4">col-md-4 <div class="row"> <div class="col-md-9">in-9</div> <div class="col-md-3">in-3</div> </div> </div> </div>查看全部
-
div class="row"> <div class="col-md-2">第一列网格占2格宽不偏移</div> <div class="col-md-2 col-md-offset-1">第二列网格占2格宽,并且偏移1个网格</div> <div class="col-md-2 col-md-offset-1">第三列网格占2格宽,并且偏移1个网格</div> <div class="col-md-3 col-md-offset-1">第四列网格占3格宽,并且偏移1个网格</div> </div>查看全部
-
<div> <input type="text" class="form-control"> <span class="help-block">我是提示信息</span> </div> -- <div class="row"> <div class="col-xs-6"><input type="text" class="form-control "></div> <span class="help-block col-xs-6">我是提示信息</span> </div>查看全部
-
<form role="form"> <div class="form-group has-success has-feedback"> <label class="control-label" for="email">email地址</label> <input type="text" class="form-control" id="email" placeholder="输入邮箱地址(XXX@XX.com)"> <span class="glyphicon glyphicon-ok form-control-feedback"></span> </div> </form>查看全部
-
<div class="form-group"> <div class="col-xs-3"> <input class="form-control" type="file" > </div> <div class="col-xs-3"> <input class="form-control" type="radio" > </div> <div class="col-xs-3"> <input class="form-control" type="checkbox"> </div> </div>查看全部
-
<div class="table-responsive"> <table class="table table-bordered">适应于页面宽度,小于768px会显示水平滚动条查看全部
-
table-condensed将单元格内距由8px调至5px查看全部
-
面包屑式导航。查看全部
举报
0/150
提交
取消