07120665a058关注IP属地: 陕西
2016.12.15 17:23:37字数 222阅读 530
1、按钮
<div class="btn-group">
<button type="button" class="btn btn-default">Left</button>
<button type="button" class="btn btn-default">Middle</button>
<button type="button" class="btn btn-default">Right</button></div>
按钮工具栏
释义:把一组 <div class="btn-group">
放进一个 <div class="btn-toolbar">
中就可以做成更复杂的组件
示例
<div class="btn-toolbar" role="toolbar">
<div class="btn-group">...</div>
<div class="btn-group">...</div>
<div class="btn-group">...</div></div>
<div class="btn-group btn-group-justified"> ...</div>
<div class="btn-group btn-group-justified">
<div class="btn-group">
<button type="button" class="btn btn-default">Left</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default">Middle</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default">Right</button>
</div></div>
<div class="btn-group">
<button type="button" class="btn btn-danger">Action</button>
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li> //分割线 <li><a href="#">Separated link</a></li>
</ul></div>
<div class="btn-group dropup"> ....</div>
2、输入框
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="text" class="form-control">
<span class="input-group-addon">.00</span></div>
官方网站:
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。