gpt4 book ai didi

html - 如何使用 Bootstrap 4 响应式制作小页面?

转载 作者:太空宇宙 更新时间:2023-11-04 06:35:10 25 4
gpt4 key购买 nike

我使用 Bootstrap 4 作为框架编写了一个小页面,但它没有响应。

这是我的 html:

<div class="container h-100 d-flex flex-column" id="container">
<div class="row align-items-start" id="header">
<div class="col">
header
</div>
</div>

<div class="row h-100" id="main">
<div class="col">
<p></p>
</div>
</div>

<div class="row align-items-end" id="footer">
<div class="col">
footer
</div>
</div>

</div>

这是我的CSS

html, body {
height: 100%;
}

#container {
background-color: rgb(255, 219, 164);
}

#header, #footer {
background-color: rgb(33, 202, 202);
}

当我在 <p> 中键入一个长段落时元素它走得很糟糕,我无法解决这个问题。我怎样才能让它完全响应?

最佳答案

通常,如果它没有响应,您就没有导入所需的 JavaScript。按照 official documentation 上的快速启动页面进行操作并且它已被放置在您元素的正确位置(</body>)。使用模板开始更好地理解

由于我的代表,我还不能发表评论,但添加更多代码(例如您的 </body><head> 信息将使社区更加了解您在做什么。

关于html - 如何使用 Bootstrap 4 响应式制作小页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54304839/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com