Question

我一直在尝试加载一个带旋转木马的简单html页面，但旋转木马不适合屏幕。这是一个截图： linear congruential generator

以下是代码

Gson gson = new GsonBuilder().setPrettyPrinting().create();
JsonElement jsonElement =  new JsonParser().parse(jsonString);
System.out.println(gson.toJson(jsonElement));

我不知道是什么让旋转木马不适合屏幕。我刚刚开始学习前端，所以如果有人能给出详细的解释，我将不胜感激。

编辑：如果我向旋转木马添加多张图片，这就是它的样子：Html page

Answer 1

这是working design。

您错过了很多代码，因为它使其无法工作，而且我也没有看到第二张图片的代码。规则是您必须在其各自的class="item"内包含所有图像。

<div class="carousel-inner" role="listbox">
     <div class="item active">
       <img src="one.jpg" alt="...">
     </div>
     <div class="item>
        <img src="two.jpg" alt="...">
     </div>
</div>

此示例使用数据属性（data-ride =＆＃34; carousel＆＃34;）。您也可以通过手动调用carousel类$('.carousel').carousel()

使用Java脚本实现此目的

重要提示：始终在bootstrap.js（或任何库）文件之前包含Jquery以避免任何错误。

Answer 2

你的html似乎无效，脚本标签应该放在靠近你的样式表的头标签上，另一件事是你忘了关闭头部并打开身体

Bootstrap-Carousel不工作

2 个答案: