男女猛烈激情XX00免费视频,亚洲国产精品高清在线电影,国产一区二区三区免费,99精品电影一区二区免费看,依依成人影视国产精品

国产精品美女久久久浪潮AV,国产精品三级一二三区,久久精品国产一区二区小说 ,依依成人影视国产精品,全部无卡免费的毛片在线看,日本一区二区三深夜不卡,国产精品女同一区二区久久,国产精品夜色一区二区三区

前端框架Bootstrap的使用

2018-3-18 seo達人

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，請點這里

1. 下載Bootstrap

下載地址：https://v3.bootcss.com/
進入后下載這個標題的Bootstrap

下載完成后，將所需的css,js復制到工程中即可

2. 拷貝官方的模塊文件

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>Bootstrap 101 Template</title>  <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <h1>你好，世界！</h1> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

3. 頁面添加組件

下面一個按鈕為例：

喜歡的樣式

<button type="button" class="btn btn-primary">（首選項）Primary</button>

1

<div class="btn-group" role="group" aria-label="..."> <button type="button" class="btn btn-default">Left</button> <button type="button" class="btn btn-default">Middle</button> <button type="button" class="btn btn-default">Right</button> </div>

1

2

3

4

5

然后將二者結(jié)合即可：

<div class="btn-group" role="group" aria-label="..."> <button type="button" class="btn btn-primary">Left</button> <button type="button" class="btn btn-primary">Middle</button> <button type="button" class="btn btn-primary">Right</button> </div>

1

2

3

4

5

- 最后的結(jié)果如下：
Left Middle Right

至此你就可以簡單的用前端框架做出美觀的界面了！
藍藍設(shè)計( m.shtzxx.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計、 cs界面設(shè)計、 ipad界面設(shè)計、包裝設(shè)計、圖標定制、用戶體驗、交互設(shè)計、網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

« UI設(shè)計教程！如何提升你的設(shè)計水平 2018年12條移動端用戶體驗設(shè)計趨勢 »