<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. 怎样更改SQL Server 2008的身份验证方式

    大家都知道sql server 有两种登录验证方式,即sql server验证方式和windows验证方式,但是sql server默认的是windows登录验证方式,我们如何启用sql server ...

  2. springbatch---->springbatch的使用（三）

    这里我们对上篇博客的例子做一个修改性的测试来学习一下springbatch的一些关于chunk的一些有用的特性.我渐渐能意会到,深刻并不等于接近事实. springbatch的学习 一.chunk的s ...

  3. 解决：SqlDateTime 溢出。必须介于 1/1/1753 12:00:00 AM 和 12/31/9999 11:59:59 PM 之间提示问题

    提示信息如下 “/”应用程序中的服务器错误. SqlDateTime 溢出.必须介于 1/1/1753 12:00:00 AM 和 12/31/9999 11:59:59 PM 之间. 问题现象: 问 ...

  4. gulp生成发布包脚本

    var formPost = require('./tools/submit.js');var gulp = require('gulp'), zip = require('gulp-zip'), h ...

  5. GTID与MHA

    MHA 基于binlog文件位置的复制 * Phase 3: Master Recovery Phase.. * Phase 3.1: Getting Latest Slaves Phase.. La ...

  6. iframe内点击a标签禁止滚动到顶部

    在iframe内加载的表中,操作下的按钮用a标签布局,但是会出现一个非常不好的体验,就是当页面有滚动条的时候,点击a标签,列表会自动滚动到顶部. 首先看我的a标签: <a href=" ...

  7. 部署OpenStack问题汇总（二）--openstack dashboard 问题解决方案

    在打开dashboard的时候报错: LocationParseError at /admin/ (LocationParseError(...), 'Failed to parse: Failed ...

  8. 基本类型算法题目学习（EPI）

    1.关于奇偶校验的方法中,如何快速的求取一个64-bit的数字的奇偶校验位.(如果1的位数为奇数,则奇偶校验位为1,如果1的位数为偶数,则奇偶校验位为0) a.暴力枚举法采用一位一位进行计算,一位一位 ...

  9. SVN服务端安装

    1 首先安装SVN和Subversion. 安装文件可自行百度. 2 在服务端创建版本库. 我的安装目录是c:\Program Files(x86)\Subversion. 安装完成后在安装目录下sh ...

  10. Java、JavaWeb中单元测试用到的测试方法

    写出的代码做单元测试时,一定要记住从三个方面出发:1.成功  2.异常  3 逻辑错误(即没有异常也可能程序运行出最后结果,可是呢?呵呵).这就是在做测试时我要牢记的三个方面,同时思维要严谨也即做事要 ...