首页 > 代码库 > bootstrap按钮组
bootstrap按钮组
种类
-a, input , button
块级
btn-block
按钮组
btn-group
btn-group-justified
btn-group-vertical
</div> <div class="btn-group"> <button class="btn btn-primary">按钮2</button> </div> <div class="btn-group"> <button class="btn btn-primary">按钮3</button> </div> </div> <br><br> <div class="btn-group-vertical"> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮1</a> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮2</a> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮3</a> </div> <div class="btn-group-vertical btn-group-lg"> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮1</a> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮2</a> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮3</a> </div> <div class="btn-group-vertical btn-group-sm"> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮1</a> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮2</a> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮3</a> </div> <div class="btn-group-vertical btn-group-xs"> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮1</a> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮2</a> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮3</a> </div> <br><br> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮 <span class="caret"></span></a> <button class="btn btn-primary">按钮 <span class="caret"></span></button> <input type="button" value="http://www.mamicode.com/按钮" class="btn btn-primary"><span class="caret"></span> <div class="btn-group"> <a href="http://www.mamicode.com/#" class="btn btn-primary">按钮</a> <a href="http://www.mamicode.com/#" class="btn btn-primary"><span class="caret"></span></a> </div> <div class="btn-group"> <button class="btn btn-primary">按钮</button> <button class="btn btn-primary"><span class="caret"></span></button> </div> <div class="btn-group dropup"> <button class="btn btn-primary">按钮</button> <button class="btn btn-primary"><span class="caret"></span></button> </div> <br><br> <div class="github-style"> <div class="btn-group btn-group-sm"> <button class="btn btn-default active"><span class="glyphicon glyphicon-eye-open"></span> Watch <span class="caret"></span></button> <button class="btn btn-default">3,064</button> </div> <div class="btn-group btn-group-sm"> <button class="btn btn-default active"><span class="glyphicon glyphicon-star"></span> Unstar</button> <button class="btn btn-default">36,296</button> </div> <div class="btn-group btn-group-sm"> <button class="btn btn-default active"><span class="glyphicon icon-fork"></span> fork</button> <button class="btn btn-default">9,258</button> </div> </div> </div> </body> <script src="http://www.mamicode.com/js/jquery-1.11.1.js"></script> <script src="http://www.mamicode.com/js/bootstrap.js"></script> </html>
bootstrap按钮组
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。