-
1、宽度变成了100% 2、设置了一个浅灰色(#ccc)的边框 3、具有4px的圆角 4、设置阴影效果,并且元素得到焦点之时,阴影和边框效果会有所变化 5、设置了placeholder的颜色为#999查看全部
-
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">查看全部
-
“form-control”: 1、宽度变成了100% 2、设置了一个浅灰色(#ccc)的边框 3、具有4px的圆角查看全部
-
当然表单除了这几个元素之外,还有input、select、textarea等元素,在Bootstrap框架中,通过定制了一个类名`form-control`,也就是说,如果这几个元素使用了类名“form-control”,将会实现一些设计上的定制效果。查看全部
-
label { display: inline-block; margin-bottom: 5px; font-weight: bold; }查看全部
-
egend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }查看全部
-
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }查看全部
-
对于基础表单,Bootstrap并未对其做太多的定制性效果设计,仅仅对表单内的fieldset、legend、label标签进行了定制。查看全部
-
<div class="table-responsive"> <table class="table table-bordered"> … </table> </div>查看全部
-
Bootstrap提供了一个容器,并且此容器设置类名“.table-responsive”,此容器就具有响应式效果,然后将<table class="table">置于这个容器当中,这样表格也就具有响应式效果。查看全部
-
何谓紧凑型表格,简单理解,就是单元格没内距或者内距较其他表格的内距更小。换句话说,要实现紧凑型表格只需要重置表格单元格的内距padding的值。那么在Bootstrap中,通过类名“table-condensed”重置了单元格内距值。查看全部
-
<table class="table table-hover"> … </table>查看全部
-
,只需要在<table class="table">的基础上增加类名“.table-striped”即可:查看全部
-
<table class="table"> … </table>查看全部
-
实现悬浮状态,需要在<table>标签上加入table-hover类。 .active .success .info .warning .danger tr五种背景色样式查看全部
举报
0/150
提交
取消