Bootstap按钮元件右对齐方法

  使用bootstrap放置按钮元件(比如“上一页”、“下一页”按钮),有时候为了对称美观需要把“下一页”按钮放置到右边。在4.3版本中可以给按钮元件添加.float-right类来实现此效果。
  最简单的例子如下。

    <div class= 'container'>
        <button class="float-right">右对齐按钮</button>
    </div>

  其实其他的元件也可以使用.float类来进行浮动,详情可参考bootstrap官方文档,4.3版本.float类文档链接——https://getbootstrap.com/docs/4.3/utilities/float/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 10,923评论 3 184
  • 第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根...
    凛0_0阅读 5,056评论 0 66
  • 定位、参与感、标签化这三点对于打造个人品牌很重要: 1、 关于定位:我的理解是关键抓住两点一方面要结合自己最擅长的...
    爱之涯阅读 120评论 0 2
  • 打卡第一天,搁置了太久,希望这次能够坚持下去。
    疯子芸阅读 165评论 0 1