這篇文章主要介紹Bootstrap4.x如何使用,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
1.<head></head>之間引入bootsrtap.css
<link rel="stylesheet" href="../bootcss/css/bootstrap.min.css">
2. 移動設備優先
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
width=device-width 表示寬度是設備屏幕的寬度
initial-scale=1 表示初始的縮放比例
shrink-to-fit=no 自動適應手機屏幕的寬度
3.引入jquery
<script src="../bootcss/js/jquery.slim.min.js"></script>
4.引入bootstrap.js
<script src="../bootcss/js/bootstrap.min.js"></script>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>第一Bootstrap</title> <!--引入bootstrap css--> <link rel="stylesheet" href="../bootcss/css/bootstrap.min.css"> <!--移動設備優先--> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> </head> <body> <h2>開啟Bootstrap</h2> <!--引入jquery 文件--> <script src="../bootcss/js/jquery.slim.min.js"></script> <script src="../bootcss/js/bootstrap.min.js"></script> </body> </html>
以上是“Bootstrap4.x如何使用”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。