夜夜爽妓女8888视频免费观看-久久精品国产一区二区三区四区-一本色道久久综合亚洲精品不卡-婷婷五月深深久久精品-亚洲精品在线-亚洲日韩欧美一区二区三区-精品视频二区三区-h无码动漫在线观看-蜜桃产品一区一区三区MV-色综合网天天综合色中文男男-全是啪啪的精彩小说全集,亚洲日产资源,神馬影院午夜理论片在线观看,国产美女视频黄是免费

大學生怎么用bootstrap框架制作網頁設計作業

更新時間:2020-06-28   文章分類:網頁技術課堂

Bootstrap是一個簡潔、直觀、強悍的前端開發框架,只要學習并遵守它的標準,即使是沒有學過網頁設計的開發者,也能做出很專業、美觀的頁面。
 
1、下載bootstrap然后將文件導入你的項目中,放在項目的根目錄下
BOOTSTRAP
 
2、下載jquery然后將文件導入你的項目中,放在項目的根目錄下
JQUERY
3、在項目的根目錄上創建一個html文件,將bootstrap文件和jquery文件導入到html中,也可以復制下方代碼
<!DOCTYPE html>
<html>
  <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>網頁標題</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
    <h1>你好,世界!</h1>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依賴 jQuery,所以必須放在前邊) -->
    <script src="js-3.5.1/jquery.min.js"></script>
    <!-- 加載 Bootstrap 的所有 JavaScript 插件。你也可以根據需要只加載單個插件。 -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
注意導入的順序:
導入bootstrap的css文件:bootstrap.min.css
導入jquery的js文件:jquery-3.4.1.min.js
導入bootstrap的js文件:bootstrap.min.js
4、進入bootstrap可視化布局(https://www.runoob.com/try/bootstrap/layoutit/)制作好布局后點擊下載,復制源碼到你的html文件的body內,再加入自己的css和js樣式就可以了。
Bootstrap網頁作業
 
STU網頁公眾號

STU網頁設計專注于DW網頁設計制作,學生網頁設計作業,簡單網頁模板下載,HTML靜態網頁成品,網頁設計代做,網站作品定制,網頁畢業設計制作,學生dreamweaver網頁成品...

qq code back_top

QQ掃碼咨詢

微信掃碼咨詢