我想在我的网站上添加轮播,但是似乎我的代码中没有突出显示数据共享。它在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-->
答案 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)