Bootstrap常用样式备忘

1：设置文本框等长度<divclass="row"><divclass="col-xs-2"><inputtype="text"class="form-control"placeholder=".col-xs-2"></div><divclass="col-xs-3"><inputtype="text"class="form-control"placeholder=".col-xs-3"></div><divclass="col-xs-4"><inputtype="text"class="form-control"placeholder=".col-xs-4"></div></div>2：按钮尺寸

.btn-lg

、

.btn-sm

、

.btn-xs

<p>
<button
type="button"
class="btn btn-primary btn-lg">Large
button</button>
<button
type="button"
class="btn btn-default btn-lg">Large
button</button></p><p>
<button
type="button"
class="btn btn-primary">Default
button</button>
<button
type="button"
class="btn btn-default">Default
button</button></p><p>
<button
type="button"
class="btn btn-primary btn-sm">Small
button</button>
<button
type="button"
class="btn btn-default btn-sm">Small
button</button></p><p>
<button
type="button"
class="btn btn-primary btn-xs">Extra
small button</button>
<button
type="button"
class="btn btn-default btn-xs">Extra
small button</button></p>

通过给按钮添加.btn-block

可以使其充满父节点100%的宽度，而且按钮也变为了块级（block）元素。

<buttontype="button"class="btn btn-primary btn-lg btn-block">Blocklevel button</button><buttontype="button"class="btn btn-default btn-lg btn-block">Blocklevel button</button>