Bootstrap4.x如何使用
这篇文章主要介绍Bootstrap4.x如何使用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
Bootstrap4.x 使用步骤:1.<head></head>之间引入bootsrtap.css
<linkrel="stylesheet"href="../bootcss/css/bootstrap.min.css">
2. 移动设备优先
<metaname="viewport"content="width=device-width,initial-scale=1,shrink-to-fit=no">
width=device-width 表示宽度是设备屏幕的宽度
initial-scale=1 表示初始的缩放比例
shrink-to-fit=no 自动适应手机屏幕的宽度
3.引入jquery
<scriptsrc="../bootcss/js/jquery.slim.min.js"></script>
4.引入bootstrap.js
<scriptsrc="../bootcss/js/bootstrap.min.js"></script> 测试代码:
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>第一Bootstrap</title><!--引入bootstrapcss--><linkrel="stylesheet"href="../bootcss/css/bootstrap.min.css"><!--移动设备优先--><metaname="viewport"content="width=device-width,initial-scale=1,shrink-to-fit=no"></head><body><h2>开启Bootstrap</h2><!--引入jquery文件--><scriptsrc="../bootcss/js/jquery.slim.min.js"></script><scriptsrc="../bootcss/js/bootstrap.min.js"></script></body></html>
以上是“Bootstrap4.x如何使用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。