• 技术文章 >web前端 >Bootstrap教程

    bootstrap中什么可以使元素左浮动

    WBOYWBOY2021-12-28 09:58:53原创1588

    在bootstrap中,可以利用“.pull-left”辅助类的方式设置元素是左浮动,该辅助类的作用就是把元素向左浮动,只需要给元素添加“class="pull-left"”样式即可。

    本教程操作环境:Windows7系统、bootstrap3.3.7版、DELL G3电脑

    bootstrap中什么可以使元素左浮动

    可以分别使用 class pull-left 或 pull-right 来把元素向左或向右浮动。

    示例如下:

    <html>
    <head>
    <meta charset="utf-8"> 
    <title>Bootstrap 实例 - 快速浮动</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
    <div class="pull-left">
    向左快速浮动
    </div>
    <div class="pull-right">
    向右快速浮动
    </div>
    </body>
    </html>

    输出结果:

    01.png

    推荐学习:《bootstrap使用教程

    以上就是bootstrap中什么可以使元素左浮动的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:bootstrap
    上一篇:bootstrap与jquery的区别是什么 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • Bootstrap学习之浅析模态框的使用方法• Bootstrap-table表头固定导致错位怎么办?怎么彻底解决?• bootstrap是什么框架?是做什么的?• bootstrap3 是什么• bootstrap与jquery的区别是什么
    1/1

    PHP中文网