快速浮动

通过添加.pull-left.pull-right 类,可以将任意元素向左或向右浮动。如:

  1. <div class="pull-left">...</div>
  2. <div class="pull-right">...</div>

在定义 .pull-left.pull-right 类时,通过 !important 来明确 CSS 样式的优先级。这些类还可以作为 mixin(参见 Less 教程)使用。如:

  1. // 类定义
  2. .pull-left {
  3.   float: left !important;
  4. }
  5. .pull-right {
  6.   float: right !important;
  7. }
  8. // 作为 mixin 使用
  9. .element {
  10.   .pull-left();
  11. }
  12. .another-element {
  13.   .pull-right();
  14. }

注意,在导航条中,应该使用 .navbar-left.navbar-right来对齐组件,而不是 .pull-left .pull-right 

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

Bootstrap快速浮动.pull-left 或 .pull-right 类相关推荐

  1. Bootstrap 快速人门案例——前端最火的插件

    今天,我给小白们分享一下比较流行的Bootstrap框架,它在工作中得到许多公司的青睐,因此对于升职和加薪很重要.同时,我们可以快速完成开发任务,减少发开周期,有不对的地方望大家指正. 如果你想走的更 ...

  2. bootstrap table 分页_Java入门007~springboot+freemarker+bootstrap快速实现分页功能

    本节是建立在上节的基础上,上一节给大家讲了管理后台表格如何展示数据,但是当我们的数据比较多的时候我们就需要做分页处理了.这一节给大家讲解如何实现表格数据的分页显示. 准备工作 1,项目要引入freem ...

  3. bootstrap快速入门_在5分钟内学习Bootstrap 4-快速入门指南

    bootstrap快速入门 了解世界上最受欢迎的前端组件库的最新版本. (Get to know the newest version of the worlds most popular front ...

  4. 关于 git pull 和 git pull origin develop 的区别

    日期:2019 年 9 月 29 日 关于 git pull 和 git pull origin develop 的区别 闲来无事,正于网上冲浪之际,一位漂亮小姐姐抛来一个问题:git pull 和 ...

  5. bootstrap 清楚浮动

    清除浮动 如需清除元素的浮动,请使用 .clearfix class. 向左快速浮动 向右快速浮动 <div class="clearfix" style="bac ...

  6. git pull远程master_git pull 命令

    git pull 命令 git pull 命令用于从远程获取代码并合并本地的版本. git pull 其实就是 git fetch 和 git merge FETCH_HEAD 的简写. 命令格式如下 ...

  7. git pull远程master_git pull拉取远程指定分支

    1.若git clone之后想拉取某个指定分支:先git pull ,然后git checkout 指定分支名称 2.若git clone之后想拉取某个指定分支:先git fetch origin 分 ...

  8. git pull 与 git pull --rebase

    文章目录 前提知识 区别git pull 与 git pull --rebase 简单理解 git merge与git rebase git pull 和 git pull --rebase 命令都是 ...

  9. git pull和git pull origin master报如下警告Pulling without specifying how to reconcile divergent branches

    git pull和git pull origin master报如下警告 hint: Pulling without specifying how to reconcile divergent bra ...

最新文章

  1. sqlite导入后无法使用
  2. hi3516配置wifi_HISI 3516A移植mt7601u的wifi驱动
  3. java取两个10_30的随机整数_产生10个[30,90]区间上的随机整数,然后对其用选择法...
  4. 从头学习计算机网络_我如何通过从头开始构建网络爬虫来自动进行求职
  5. mysql主从配置访问_Mysql主从配置,实现读写分离
  6. java repaint 重画图形,学习笔记:WINDOWS的图形重绘基础
  7. 昂贵的聘礼(枚举区间+最短路)
  8. qrcode-php生成二维码
  9. Shell脚本之awk详解
  10. Mapreduce从HBASE抽取数据,生成搜索下拉服务数据,hadoop jar 调用异常问题解决
  11. 空间机器人建模与仿真报告
  12. 计算机学院研发------考核之界面
  13. 34个漂亮的应用程序后台管理界面分享
  14. 强化学习之Q函数的个人理解
  15. 【CamtasiaStudio学习笔记】Camtasia 9后期视频剪辑以及剪辑的视频合成教程
  16. java BeanUtils.populate 学习
  17. 职场选择,也许该考虑一下“增长黑客”?
  18. html 保存草稿,利用localStorage实现对ueditor编辑内容定时保存为草稿,ueditor草稿箱...
  19. 计算机常见故障ppt,计算机硬件组成与常见故障排错.ppt
  20. 我的工程师爸爸 - 音频应用DIY系列之五:音乐创作

热门文章

  1. Linux中的存储设备管理
  2. 安装配置优化nginx
  3. Eclipse的使用总结
  4. 判断用户是否已经登录
  5. mysql去除内容中的换行和回车
  6. Thinkphp3.2整合微信支付
  7. startx启动过程分析
  8. Seafile 1.3 发布,文件同步和协作平台
  9. HetGNN-Heterogeneous Graph Neural Network 异构图神经网络 KDD2019
  10. android自定义底部中间突出导航栏,Android选中突出背景效果的底部导航栏功能