zoukankan      html  css  js  c++  java
  • bootstrap笔记

    一、布局容器

      1、container

        container类用于固定宽度并支持响应布局的容器

      2、container-fluid

        container-fluid用于100%宽度的布局铺满整个窗口

    二、栅栏参数

       col-xs-       col-sm-       col-md-        col-lg-

      超小屏幕       小屏幕         中等屏幕         大屏幕 

      手机 (<768px)    平板 (≥768px)       桌面显示器 (≥992px)    大桌面显示器 (≥1200px)

     

    三、列偏移

      col-*-offset-1  在这一列添加margin-left

     

    四、列排序

      col-md-push 向右移动

      col-md-pull 向左移动  

     

    五、标题

      h1 - h6

      .h1 - .h6 

     

    六、副标题

      small  或 .small

      一般用在h1-h6中

     

    七、中心内容

      .lead

      字体变大 margin-bottom变大

      一般用在p标签中

     

    八、标记

      mark标签

     

    九、被删除文本

      del标签  s标签

     

    十、插入文本

      u标签  ins标签   

      文本下面添加下划线

     

    十一、加粗

      b标签   strong标签

     

    十二、斜体

      em标签  i标签

     

    十三、对齐

      text-left  text-right  text-center  text-justify  text-nowrap

     

    十四、改变大小写

      text-lowercase:全部小写  text-uppercase:全部大写  text-capitalize:每个首字母大写

     

    十五、缩略语

      abbr标签  为缩略语添加 .initialism 类,可以让 font-size 变得稍微小些。

     

     十六、引用

      blockquote标签 一般放p标签 和footer标签  左侧对齐

      .blockquote-reverse 右侧对齐

     

    十七、列表

      无样式列表 .list-unstyled

      内联样式 .list-inline

      水平排列的dl>dt>dd  .dl-horizontal

  • 相关阅读:
    Fedora安装ati显卡驱动
    [转]SQLite 3入门教程
    [转]QT:不规则窗口的实现
    Ubuntu 10.10可用源
    [转]Qtopia2.2.0移植
    [转]嵌入式Qtopia2.2.0开发环境的搭建和使用
    ES6 find 和 filter 的区别
    “/ArcGIS/rest”应用程序中的服务器错误——解决办法
    Java:String和Date、Timestamp之间的转换
    UVA 100 The 3n+1 Problem
  • 原文地址:https://www.cnblogs.com/zhangshuda/p/8405498.html
Copyright © 2011-2022 走看看