这篇文章主要介绍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如何使用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!