Bootstrap

1、表格:

    .table:基礎表格

    .table-striped:斑馬線表格
    .table-bordered:帶邊框的表格
    .table-hover:鼠標懸停高亮的表格
    .table-condensed:緊湊型表格
    .table-responsive:響應式表格

2、常見表單樣式:
    <form role="form">
         <div class="form-group">
           <label for="exampleInputEmail1">郵箱:</label>
           <input type="email" class="form-control" id="exampleInputEmail1" placeholder="請輸入您的郵箱地址">
         </div>
         <div class="form-group">
           <label for="exampleInputPassword1">密碼</label>
           <input type="password" class="form-control" id="exampleInputPassword1" placeholder="請輸入您的郵箱密碼">
          </div>
          <div class="checkbox">
           <label>
           <input type="checkbox"> 記住密碼
           </label>
          </div>
          <button type="submit" class="btn btn-default">進入郵箱</button>
    </form>

3、對齊:
    .text-left {
        text-align: left;
    }
    .text-right {
        text-align: right;
    }
    .text-center {
        text-align: center;
    }
    .text-justify {
        text-align: justify;
    }


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章