<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. Delphi中ClientDataSet的用法小结

    Delphi中ClientDataSet的用法小结 TClientDataSet控件继承自TDataSet,其数据存储文件格式扩展名为 .cds,是基于文件型数据存储和操作的控件.该控件封装了对数据进 ...

  2. 这些JavaScript编程黑科技

    1.单行写一个评级组件 "★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);定义一个变量rate是1到5的值,然后执行上面代码,看图 才发现插件什么的都 ...

  3. jQuery事件处理（三）

    继续了解jQuery对浏览器兼容的处理 1.keyHooks对键盘按键的封装 keyHooks: { // 一些键盘相关的属性 props: "char charCode key keyCo ...

  4. word2010没有“标题2、标题3”样式的解决办法

    word2010没有“标题2.标题3”样式的解决办法 很多人用word的时候都喜欢用“标题1”“标题2”等样式来定义他们的文档标题,被这样定义的标题会出现在导航窗格中,使浏览起来非常方便.但是最近我发 ...

  5. php curl-class post

    use \Curl\Curl; $curl = new Curl();$curl->setHeader('Content-Type', 'application/json');$curl-> ...

  6. Linux "bring up eth0 failed, eth0 seems not be presernt" 问题解决方案

    =========1.问题========== 重启网卡的时候出现"bring up eth0 failed, eth0 seems not be presernt", 提示找不到 ...

  7. H3C系列之三层交换机开启telnet管理的配置

    环境介绍>>>>>>>>>>>>>>>>>>>>交换机名牌:H3C交换机类型:三 ...

  8. 【BZOJ2310】ParkII 插头DP

    [BZOJ2310]ParkII Description Hnoi2007-Day1有一道题目 Park:给你一个 m * n 的矩阵,每个矩阵内有个权值V(i,j) (可能为负数),要求找一条回路, ...

  9. ELKStack

    ELKStack简介        对于日志来说,最常见的需求就是收集.存储.查询.展示,开源社区正好有相对应的开源项目:logstash(收集).elasticsearch(存储+搜索).kiban ...

  10. 0002python中dict和list的特殊构造

    >>> myinfor = {"name":"qiwsir","site":"qiwsir.github.io& ...