<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. 查看iOS沙盒(SanBox)文件

    转载:http://www.2cto.com/kf/201211/169212.html 每一个iOS程序都一个自己的文件系统,这个文件系统叫应用程序沙盒(SanBox),它存放这代码以外的文件,其他 ...

  2. sencha touch 我的公用类myUtil（废弃 仅参考）

    /*公共类*/ Ext.define('myUtil', { statics: { //store公用加载方法 storeLoadById: function (id) { var store = E ...

  3. 2333: [SCOI2011]棘手的操作[离线线段树]

    2333: [SCOI2011]棘手的操作 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 2325  Solved: 909[Submit][Stat ...

  4. Windows NTLM Hash和Hash传递、Key传递攻击

    Hash(Key) 获取 工具: Mimikatz 用法: .\mimikatz.exe privilege::debug #查看权限 sekurlsa::logonpasswords #获取hash ...

  5. Sublime text3配置LiveReload 浏览器即时刷新

    1.在sublime控件台 install livereload插件(缺点:每次重新打开Sublime都需要启动) 2.配置Preference > Package Settings > ...

  6. expect小工具,在postgresql中执行sql的shell脚本

    脚本内容: #!/usr/bin/expect set database [lindex $argv 0] set username [lindex $argv 1] set password [li ...

  7. 【咸鱼教程】Egret实现摇一摇功能

    教程目录一 实现原理二 代码三 Demo下载 一 实现原理监听设备旋转角度的变化,来判断用户是否摇动手机. 参考:智能手机里陀螺仪和重力感应有何区别?HTML5实现摇一摇的功能Egret官方陀螺仪教程 ...

  8. C# AES 加密与解密

    AES 算法加密(ECB模式) 将明文加密,加密后进行base64编码,返回密文 /// <summary> /// AES 算法加密(ECB模式) 将明文加密,加密后进行base64编码 ...

  9. 关于hp proliant sl210t服务器远程iLO接口的管理配置

    提到hp proliant sl210t服务器,首先得提到HP ProLiant SL2500,HP ProLiant SL2500 可扩展系统提供了 一个非常密集的解决方案,可在标准 2U 机箱最多 ...

  10. jenkins中Email Extersion Plugin插件使用说明点

    在jenkins中使用第3方邮件插件Email Extersion Plugin时,根据网上教程,发现每次都没有生成模板 再次查看,发现 $HOME_jenkins下没有templeate文件夹,查阅 ...