会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132647个问题
WEB前端全系列/第四阶段:BootStrap框架模块/BootStrap4基础 17楼
WEB前端全系列/第四阶段:BootStrap框架模块/BootStrap4基础 18楼
WEB前端全系列/第四阶段:BootStrap框架模块/BootStrap组件 19楼
WEB前端全系列/第四阶段:BootStrap框架模块/BootStrap组件 22楼

老师好,测试下拉按钮在点击下拉时会报错,把全部 .js文件都粘贴进去也不行,

试了“https://popper.js.org/”这个上面提供的CDN,引用的时候就报错,不知道怎么解决,帮忙指点一下,谢谢!

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Test</title>
    <link rel="stylesheet" href="./BootStrap/bootstrap.min.css">
    <script src="./BootStrap/jquery-1.12.4.min.js"></script>
    <script src="./BootStrap/bootstrap.min.js"></script>
    <style>

    </style>
</head>
<body>
    <div class="btn-group">
        <button type="button" class="btn btn-danger">Action</button>
        <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
        </ul>
    </div>

</body>
</html>

image.png

WEB前端全系列/第四阶段:BootStrap框架模块/BootStrap4组件 24楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
    <link rel="stylesheet" href="4.2.8%20bootstrap组件第二部分/css/bootstrap.min.css">
    <link rel="stylesheet" href="4.2.8%20bootstrap组件第二部分/css/index.css">
    <script src="4.2.8%20bootstrap组件第二部分/js/bootstrap.min.js"></script>
    <script src="4.2.8%20bootstrap组件第二部分/js/jquery-3.5.1.js"></script>
</head>
<body>
<div class="container">
    <div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="http://code.z01.com/img/2016instbg_01.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="http://code.z01.com/img/2016instbg_02.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="http://code.z01.com/img/2016instbg_03.jpg" class="d-block w-100" alt="...">
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleFade" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleFade" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
</body>
</html>

老师,我的轮播图出不来效果呀

WEB前端全系列/第四阶段:BootStrap框架模块/BootStrap4组件 25楼
WEB前端全系列/第四阶段:BootStrap框架模块/BootStrap4组件 26楼

微电影.zip

为什么我的导航部分文字搜索框不会显示

WEB前端全系列/第四阶段:BootStrap框架模块/BootStrap4实战 27楼

微电影.zip

  1. 为什么导航栏显示不出来呢?

  2. 轮播图没有效果

  3. 选项卡点击切换没有用

WEB前端全系列/第四阶段:BootStrap框架模块/BootStrap4实战 28楼
WEB前端全系列/第四阶段:BootStrap框架模块/BootStrap4基础 29楼
WEB前端全系列/第四阶段:BootStrap框架模块/BootStrap4基础 30楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637