使用Webstorm学习Bootstrap4.0的一些事(持续更新)

推荐参考Bootstrap4.0中文文档:https://v4.bootcss.com/

问题:@media不生效
这个@media screen {}样式要放在css样式表的最下面,不然会被相同样式覆盖

问题:关于bootstrap4无法使用图标
<span class="glyphicon glyphicon-asterisk tb1"></span>已不再生效
bootstrap4已经不默认提供图标了,需要在别的地方下载,并使用方法也有所变化。
可参考https://v4.bootcss.com/docs/4.0/extend/icons/

问题:浏览器报Uncaught TypeError: Cannot read property 'fn' of undefined
缺少JQ,在webstorm中并不默认添加JQ,加上
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js">即可

问题:测试下拉菜单的时候,浏览器控制台报
Uncaught TypeError: Bootstrap dropdown require Popper.js

原因是缺少Popper.js并且要注意script的优先级,把 popper.min.js 放在 bootstrap.min.js 引用顺序之前即可。

<script src="https://cdn.bootcss.com/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容