美文网首页
使用Webstorm学习Bootstrap4.0的一些事(持续更

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

作者: 意识流丶 | 来源:发表于2018-09-04 17:17 被阅读602次

    推荐参考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>
    

    相关文章

      网友评论

          本文标题:使用Webstorm学习Bootstrap4.0的一些事(持续更

          本文链接:https://www.haomeiwen.com/subject/ldowwftx.html