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

  • 相关阅读:
    SpringIOC——refresh()
    SpringIOC——scan()
    MySQL——查询性能优化
    [php-error-report]PHP Strict Standards: Only variables should be passed by reference
    [阅读]谈谈个人对“金融是否需要互联网”命题之辩
    [javascript]jsonp-function 代码段
    [javascript-snippet]使用javascript+html5实现图片的灰度处理
    [javascript]Three parts of javascript code snippet
    表格显示高亮
    关于FTP的根目录
  • 原文地址:https://www.cnblogs.com/zhangshuda/p/8405498.html
Copyright © 2011-2022 走看看