当前第2页 返回上一页
在Bootstrap 3中,还可以使用text-right样式类来右对齐按钮,如下:
1 2 3 4 5 6 7 | < div class = "row" >
< div class = "col-xs-12" >
< div class = "text-right" >
< button type = "button" class = "btn btn-default" >Default</ button >
</ div >
</ div >
</ div >
|
方法三:
在Bootstrap 4中,pull-right样式类已经更名为float-right类名了,如下:
1 2 3 4 | < div class = "row" >
< div class = "col-12" >One < input type = "button" class = "btn float-right" value = "test" ></ div >
< div class = "col-12" >Two < input type = "button" class = "btn float-right" value = "test" ></ div >
</ div >
|
推荐:bootstrap入门教程
以上就是bootstrap中怎么设置按钮位置的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
bootstrap table分页问题汇总【附答案&代码】
什么是bootstrap以及其作用
详解bootstrap中的标签、徽章、巨幕和页头
react-bootstrap是什么?
bootstrap请求javascript失败是怎么回事
bootstrap框架优点是什么
bootstrap的原理是什么
bootstrap下拉列表怎么设置
html怎样在消息按钮上增加数量角标
浅谈bootstraptable+jstree插件对树列表条件和查询条件的处理
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » bootstrap中怎么设置按钮位置