程序员社区

使用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>
赞(0) 打赏
未经允许不得转载:IDEA激活码 » 使用Webstorm学习Bootstrap4.0的一些事(持续更新)

相关推荐

  • 暂无文章

一个分享Java & Python知识的社区