Javascript 如何使用引导创建响应式转盘嵌入式卡?
我试着创建一个嵌入了“幻灯片”的引导卡。我想用另一页来提供更多关于第一页的信息。我在网上编辑这篇文章,得到了一个相当不错的产品(),但当我在手机上试用时,它完全坏了 我附加了主代码,省略了库链接和其他一些默认信息。 请让我知道我如何能纠正这一点,我真的很感激Javascript 如何使用引导创建响应式转盘嵌入式卡?,javascript,html,css,bootstrap-4,responsive,Javascript,Html,Css,Bootstrap 4,Responsive,我试着创建一个嵌入了“幻灯片”的引导卡。我想用另一页来提供更多关于第一页的信息。我在网上编辑这篇文章,得到了一个相当不错的产品(),但当我在手机上试用时,它完全坏了 我附加了主代码,省略了库链接和其他一些默认信息。 请让我知道我如何能纠正这一点,我真的很感激 <div class="row justify-content-center"> <div class="col-sm-3"> <div class="
<div class="row justify-content-center">
<div class="col-sm-3">
<div class="card text-white bg-dark mb-3" style="width: 18rem; height:24rem">
<div class="card-header text-muted">
App name
</div>
<div id="demo" class="carousel slide" data-ride="carousel">
<div class="card-body">
<!---------------------CARD BODY--------------------->
<!-- Indicators -->
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
</ul>
<!-- The slideshow -->
<div class="carousel-inner" style="height:15.2rem">
<div class="carousel-item active">
<img class="card-img-top" src="sample.jpg"
alt="Card image cap"
id="sample">
<h5 class="card-title">Title</h5>
<h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
<p class="card-text">Hi quick example text to build on the card title and make up
the bulk of the card's content.</p>
</div>
<div class="carousel-item">
<h5 class="card-title">Card title</h5>
<h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
<p class="card-text">Some quick example text trewrwrwerwerwero build on the card
title and make up
the bulk of the card's content.</p>
</div>
</div>
<!---------------------CARD BODY END--------------------->
</div>
</div>
<div class="card-footer btn btn-primary">
Show me!
</div>
</div>
</div>
</div>
应用程序名称
标题
卡片字幕
在卡片标题上构建并组成的快速示例文本
卡片的大部分内容
卡片标题
卡片字幕
在卡片上构建一些文本树的快速示例
标题和构成
卡片的大部分内容
向我展示!