午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

前端框架Bootstrap的使用

2018-3-18    seo達人

如果您想訂閱本博客內容,每天自動發(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"> <!-- 上述3個meta標簽*必須*放在最前面,任何其他內容都*必須*跟隨其后! --> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <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

這里寫圖片描述 
然后將二者結合即可:

<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
- 最后的結果如下:
Left Middle Right

這里寫圖片描述

至此你就可以簡單的用前端框架做出美觀的界面了!

藍藍設計www.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.gerard.com.cn

存檔

主站蜘蛛池模板: 亚洲 欧美 综合 高清 在线 | 国产午夜久久影院 | 第一次处破女完整版电影 | 亚洲成A人片在线观看中文不卡 | 99久久精品一区二区三区 | 1313久久国产午夜精品理论片 | 国产精品国产三级国AV在线观看 | 麻豆国产MV视频 | 亚洲精品国产乱码AV在线观看 | 午夜影院视费x看 | 无码AV毛片色欲欧洲美洲 | 饥渴的新婚女教师 | 欧美群交XXXCOM| 美女露出逼 | 快播h动漫网站 | 蜜桃成熟时2在线观看完整版hd | 中国xxxxx69| 夜色资源站国产www在线视频 | 日韩精品卡1卡2三卡四卡乱码 | 久久re这里视频只有精品首页 | 挤奶门事件完整照片 | 亚洲中文字幕无码一久久区 | 久久永久视频 | 91国内精品久久久久免费影院 | 在线观看免费小视频 | 久久影院午夜理论片无码 | 无套内射在线观看THEPORN | 第一次破女初国产美女 | 亚洲精品一区二区在线看片 | 久久热在线视频精品 | 青青草狠狠干 | 99精品视频在线观看免费 | 日本最新免费区中文 | 无人在线观看免费高清视频播放 | 真人美女精美小穴 | 久久操韩国自偷拍 | 永久免费看mv网站入口 | 亚洲精品综合在线影院 | 最美女人体内射精一区二区 | 无码一区国产欧美在线资源 | 狠狠狠色丁香婷婷综合久久 |