我的HTML引导程序代码中未突出显示data-.. atributes

时间:2019-02-14 09:46:04

标签: javascript jquery html css twitter-bootstrap

我想在我的网站上添加轮播,但是似乎我的代码中没有突出显示数据共享。它在stackoverflow中完美地突出显示,但在Notepad ++中却没有。最近,我注意到其他data ...属性也未突出显示。我希望有轮播,但图像只是堆叠在一起。这是图片https://i.stack.imgur.com/7BFhr.png

<!-- SLIDESHOW-->
<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <div id="my-slider" class="carousel slide" data-ride="carousel">

                <!-- indicators dot nav-->

                <!-- wrapper for slides-->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="images/tepih1.jpg" alt="tepisi" />
                        <div class="carousel-caption">

                            <h1> Tepih1 </h1>
                        </div>
                    </div>
                    <div class="item">
                        <img src="images/tepih2.jpg" alt="tepisi" />
                        <div class="carousel-caption">

                            <h1> Tepih2 </h1>
                        </div>
                    </div>
                </div>

                <!-- controls or next and prev buttons-->

1 个答案:

答案 0 :(得分:0)

不确定您对“记事本++”未突出显示的数据骑乘属性的含义。如果以下方法都不能解决您的问题,请发布屏幕截图(StackOverflow问题编辑器具有用于上传图片的工具栏按钮)

建议:

(1)尝试从CDN引用引导文件-这将测试它不是“找不到文件”问题。

<head>
    <!-- Other stuff in head... goes here... -->

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
</head>

(2)开发控制台(F12)中是否有任何错误?

如果相同的代码在place1中起作用,但在place2中不起作用,则问题不出于代码-这是环境。很可能找不到引导文件。

(3)对于引导程序4,您知道需要加载四个文件,对吗? (a)css,(b)jQuery,(c)popper javascript文件和(d)引导js(按该顺序加载-至少必须在引导js文件之前加载jQuery)