<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. QWidget编写的安卓app

    最近为了配套人脸识别的整套设备去检测,特意做了个机关控制app,需要现场修改前端设备和服务器设备的一些参数以便进行检测.qt做一些简单的app还是非常方便的.特意增加了禁用屏保功能.apk文件体验:h ...

  2. Sencha Touch 实战开发培训 视频教程 第二期 第四节

    2014.4.14 晚上8:10分开课. 本节课耗时没有超出一个小时,主要讲解了list的一些扩展用法. 本期培训一共八节,前两节免费,后面的课程需要付费才可以观看. 本节内容: List的高级应用 ...

  3. node爬虫(转)

    我们先来看看今天的目标: mmjpg.com的美腿频道下的图片 一.实现步骤 使用superagent库来获取页面分析页面结构,使用cheerio 获取有效信息保存图片到本地开撸不断优化 这儿我们用到 ...

  4. 使用PowerShell替代WinDbg在高分辨率笔记本下调试、排错

    最近换新的开发笔记本,分辨率较高发现部分应用在High DPI下几乎没法用.比较纠结的就是WinDbg,频繁切换分辨率.显示文字大小影响工作节奏.幸好PowerShell在High DPI下效果不错. ...

  5. [转]理解Linux的处理器负载均值

    [转自]http://www.mike.org.cn/articles/understanding-of-linux-processor-load-average/ 你可能对于Linux的负载均值(l ...

  6. vue---指令怎么写

    我们在考虑做一些功能性的封装的时候,我们会考虑使用vue的指令来做,那么指令应该怎么写: 具体参考: https://cn.vuejs.org/v2/guide/custom-directive.ht ...

  7. CentOS下mysql安装

    一.检查环境 # 切换root 权限 su root # 检查是否安装过mysql rpm -qa|grep mysql # 删除所有mysql yum -y remove mysql* 1.上传文件 ...

  8. 【巷子】---json-server---基本使用

    一.前后端并行开发的痛点 前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑 二.解决方法 在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock   三.json-serve ...

  9. poi 导入导出excel

    import org.apache.poi.hssf.usermodel.HSSFSheet; import org.apache.poi.hssf.usermodel.HSSFWorkbook; i ...

  10. Java-02-动手动脑

    产生纯随机数 1.设计思想:利用随机数产生公式,递归调用,输出一定数量的随机数. 2.源代码: import java.util.Scanner; public class Suiji_2 { pub ...