学习响应式BootStrap来写融职教育网站,要是踩到坑就找我。
生活随笔
收集整理的這篇文章主要介紹了
学习响应式BootStrap来写融职教育网站,要是踩到坑就找我。
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
day01頁面結(jié)構(gòu)編寫
<!DOCTYPE html> <html lang="zh_CN"> <head><meta charset="UTF-8"><title>融職教育</title><!-- 移動設(shè)備優(yōu)先--><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- 引入bootstrap CSS--><link rel="stylesheet" href="css/bootstrap.min.css"><style>nav, header, section, footer {width: 100%;height: 100px;background: #aaa;}</style></head> <body> <!--頂部導(dǎo)骯開始--> <nav></nav> <!--頂部導(dǎo)骯結(jié)束--><!--頭部開始--> <header class="mt-4"></header> <!--頭部結(jié)束--><!--輪播圖開始--> <section class="mt-4"></section> <!--輪播圖結(jié)束--><!--你的收獲開始--> <section class="mt-4"></section> <!--你的收獲結(jié)束--><!--關(guān)注我們開始--> <section class="mt-4"></section> <!--關(guān)注我們結(jié)束--><!--成長平臺開始--> <section class="mt-4"></section> <!--成長平臺結(jié)束--><!--培養(yǎng)模式開始--> <section class="mt-4"></section> <!--培養(yǎng)模式結(jié)束--><!--面授培訓(xùn)開始--> <section class="mt-4"></section> <!--面授培訓(xùn)結(jié)束--><!--實習(xí)目標(biāo)開始--> <section class="mt-4"></section> <!--實習(xí)目標(biāo)結(jié)束--><!--你的總監(jiān)開始--> <section class="mt-4"></section> <!--你的總監(jiān)結(jié)束--><!--對標(biāo)培訓(xùn)開始--> <section class="mt-4"></section> <!--對標(biāo)培訓(xùn)結(jié)束--><!--工作環(huán)境開始--> <section class="mt-4"></section> <!--工作環(huán)境結(jié)束--><!--頁腳開始--> <footer class="mt-4"></footer> <!--頁腳結(jié)束--><!--先引入jQuery 在引入popper.js 最后在引入bootstrap.js--> <script src="js/jquery-3.4.1.slim.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>BootStrap 用v4版本來寫的
By the way 需要配置文件找我。
總結(jié)
以上是生活随笔為你收集整理的学习响应式BootStrap来写融职教育网站,要是踩到坑就找我。的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 税务ukey怎么更换开票人? 税务uke
- 下一篇: 美间如何实现画布内容的变形?美间实现画布