PYTHON第六十二天笔记11.21

BOOTSTRAP框架使用（3天·1）

链接地址：　 http://v3.bootcss.com/

一、自记录

bootstrap是基于jquery开发的。

Pycharm:（快捷写法）div.c1 tab键

Bootstrap：class=“clearfix” 清除格式，再起一行。

二、课上笔记：

day62

1. 今日概要

    栅格系统
        1. row必须放到container和container-fluid里面
        2. 你的内容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接子元素。
    
        列的样式  .col-xx（lg md sm xs）-数字（1~12）  
        
        container有一个padding是15px
        row有一个margin是-15px
        
        列是支持嵌套的
        
        列偏移： col-xx-offset-数字（1~12）
        
        列排序：  .col-md-pull-数字 .col-md-push-数字
        
    文本对齐类：
    
        - .text-left
        - .text-center
        - .text-right
        
    表单
        .form-group
        .form-inline
        .form-horizontal
        
    表格
        .table
        .table-striped
        .table-bordered
        .table-hover
        .table-condensed
        
        响应式表格：
        <div class="table-responsive">  // table外面包裹一层div
          <table class="table">
            ...
          </table>
        </div
    
    按钮
        .btn
        .btn-default
        .btn-success
        .btn-warning
        .btn-danger
        
        .btn-lg
        .btn-sm
        .btn-xs
                
    快速浮动:
        - .pull-left
        - .pull-right
    
    清除样式：
        - .clearfix
            
2. 今日作业
    1. 背景颜色  #eeeeee
    2. Bootstrap form表单（水平排列的表单）
    3. .container
    
    进阶：
        加上校验
            has-error
            span的text()