bootstrap HTML怎么让轮播图动起来,图片对齐,做出书上的效果,还有3天要交了,实在搞不出来啊,求各位帮助,最好能直接讲代码甩给我
按照步骤,依次在头文件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>