<div class="container">

            <h2>实例</h2>

            <div class="pull-left">元素浮动到左侧</div>

            <div class="pull-right">元素浮动到右侧</div>

        </div>

aaarticlea/png;base64,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" alt="" width="1081" height="143" />

.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}

.pull-left{float:left !important;}

!important会提升该条规则的优先级，如果有如下2条规则
.pull-left{color:red !important;}
.pull-left{color:green;}
这样pull-left文字的颜色就是红色
如果不加!important就会被第二条的规则覆盖显示为绿色了

container / pull-left的更多相关文章

  1. docker-image container 基本操作 -常用命令

    基本概念: container 容器.可以把每个 container 看做是一个独立的主机. container 的创建通常有一个 image 作为其模板.类比成虚拟机的话可以理解为 image 就是 ...

  2. windows docker测试二 下载container

    安装dockertoolbox,提供了一个docker的界面工具 Kitematic 和字符终端: Docker Quickstart Terminal (这里安装的Kitematic 是Alpha版 ...

  3. XListview的下拉刷新、上拉加载、用Pull解析XML

    做之前需要导入XListview的文件,此是用第三方的xListview实现的,东西没写全.此是在Fragment中实现的 //--------------XListView的布局---------- ...

  4. Windows Container 和 Docker：你需要知道的5件事

    微软在2016年的Ignite技术大会上正式发布了Windows Server 2016,其中的容器服务已经可以作为生产环境使用.这意味着Windows 内置的容器服务正式进入了大家的视野,虽然之前我 ...

  5. windows container (docker) 容器资料笔记

    背景 业务需求:简化公司私有云,公有云的部署,尝试寻找更好的,更优化的技术方案替换现有的虚拟机部署方案. 技术背景: .net Docker 学习资料 Docker中文社区: http://www.d ...

  6. 在docker container中运行docker-compose

    为了保持宿主主机的环境干净,因此将docker-compose安装到一个基于centos7.3的容器之中,因为tianchao屏蔽了amazonaws,最后选择了通过pip方式来安装,这也是官方推荐的 ...

  7. Redis in Docker on Linux Container

    记录:在Docker中运行一个Redis实例当我们在Windows系统中安装好Docker以后,在Hyper-V中会自动创建一个Linux虚拟机,如果这个虚拟机没有运行,说明当前运行的是Windows ...

  8. Bootstrap3基础 栅格系统 col-md-push/pull 向左、右的浮动偏移

      内容 参数   OS   Windows 10 x64   browser   Firefox 65.0.2   framework     Bootstrap 3.3.7   editor    ...

  9. centos rancher 通过本机 docker images 新增container

    示例目标: 将centos 本地的docker image ,通过rancher 进行 add container 相关步骤: step 1 : rancher 所在 centos 主机,有相应的 d ...

  10. Docker: docker container常用命令实战

    容器管理,容器常用选项 选项 描述 -i, –interactive 交互式 -t, –tty 分配一个伪终端 -d, –detach 运行容器到后台 -e, –env 设置环境变量 -p, –pub ...

随机推荐

  1. css零零散散的笔记

    1.div根据内容自适应大小 效果图: html: <body> <div class="parent"> <div class="chil ...

  2. kvm虚拟机不能使用virsh shutdownw命令关闭虚拟机的解决方法

    今天笔者在对kvm虚拟机进行管理时,使用virsh shutdown命令关闭指定的虚拟机时,发现虽然有如下的提示,但其实虚拟机却一直不会真正的关闭. 经过查看virsh命令帮助和上网查询,才得知vir ...

  3. Linux系统java环境jdk的安装

    在linux环境中jdk的安装有两种方式,一为rpm安装机制,另一种为源码安装(已编译好)因此在ORACLE官网提供两种安装文件,一为rpm格式,另一种为gz格式,两种的安装方式都大同小异的. 1.r ...

  4. javaagent

    -javaagent:<jarpath>[=<options>]load Java programming language agent, see java.lang.inst ...

  5. oracle fm格式化

    select to_char(0.56,'FM999,999,990.00' ) from dual 其中 9代表如果存在数字则显示数字,不存在显示空格 其中 0代表如果存在数字则显示数字,不存在则显 ...

  6. 号称简明实用的django上手教程

    1 几个基本概念 前置条件:假设读者基本Python语言基础,或者具备某种编程语言的基础.你还熟悉web开发环境,懂些css,js,db等. Django是什么? Django是一个开放源代码的Web ...

  7. Quartz学习——SSMM(Spring+SpringMVC+Mybatis+Mysql)和Quartz集成详解（转）

    通过前面的学习,你可能大致了解了Quartz,本篇博文为你打开学习SSMM+Quartz的旅程!欢迎上车,开始美好的旅程! 本篇是在SSM框架基础上进行的. 参考文章: 1.Quartz学习——Qua ...

  8. 关注被关注表设计-UserFollowMapping

    -- ---------------------------- -- Table structure for UserFollowMapping -- ------------------------ ...

  9. [实战]MVC5+EF6+MySql企业网盘实战(2)——验证码

    写在前面 断断续续,今天算是把验证码的东东弄出来了. 系列文章 [EF]vs15+ef6+mysql code first方式 [实战]MVC5+EF6+MySql企业网盘实战(1) [实战]MVC5 ...

  10. iOS UIScrollView 3种分页方法，间隔实现

    基础知识参考 http://tech.glowing.com/cn/practice-in-uiscrollview/ https://stackoverflow.com/questions/9367 ...