bootstrap HTML怎么让轮播图动起来,图片对齐,做出书上的效果,还有3天要交了,实在搞不出来啊

bootstrap HTML怎么让轮播图动起来,图片对齐,做出书上的效果,还有3天要交了,实在搞不出来啊,求各位帮助,最好能直接讲代码甩给我

img

img

img

img

img

img

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/648567
  • 你也可以参考下这篇文章:解决bootstrap轮播不了问题
  • 除此之外, 这篇博客: 使用Bootstrap搭建响应式布局中的 三、尝试建议第一个bootstrap项目 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    按照步骤,依次在头文件head中使用link标签、script标签导入bootstrap.min.css、jQuery.3.5.1min.js、bootstrap.min.js这三个文件。

    bootstrap中,row左右各带15px间距。若想去除:margin-left:-15px;

    上述的container、row、col其实都是css中的样式类名。依照不同分辨率的设备,列分为了col-sm-x(小屏幕),col-lg-x(大屏幕)、col-sm-md-x(中屏幕)。

    !DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title>我的第一个bootstrap项目</title>
    		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    		<script src="js/jQueryv3.5.1.js" type="text/javascript" charset="utf-8"></script>
    		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    		<style type="text/css">
    			h1
    			{
    				background: lime;
    				height: 100px;
    				line-height: 100px;
    				color: white;
    				font-size: 50px;
    				font-weight: bolder;
    			}
    		</style>
    	</head>
    	<body>
    		<div class="container">
    			<div class="row">
    				<div class="col-sm-12">
    					<h1>你好,Bootstrap!</h1>
    				</div>
    			</div>
    		</div>
    	</body>
    </html>
    


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^