gpt4 book ai didi

css - Bootstrap - 列出现在彼此之上

转载 作者:行者123 更新时间:2023-11-28 23:30:03 25 4
gpt4 key购买 nike

我是 Bootstrap 的新手,但在这里我真的很困惑。我开始了新的 Maven Web 元素并想将 Bootstrap 放入 jsp 文件中,但是在 Tomcat 上运行页面后,当它们应该是内联时,列会出现在彼此之上。我做错了什么?

    <%@ page language="java" pageEncoding="UTF-8" session="false"%>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/resources/css/bootstrap.min.css" rel="stylesheet" type="text/css">



<title>Title</title>

</head>
<body>
<div class="container-fluid">
<h1>Hello World!</h1>
<p>Resize the browser window to see the effect.</p>
<div class="row">
<div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>
<div class="col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div>
<div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>
</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/resources/js/bootstrap.min.js"></script>
</body>
</html>

最佳答案

这对你有用吗?

JSFiddle

<div class="container-fluid">
<h1>Hello World!</h1>
<p>Resize the browser window to see the effect.</p>

以上代码复制粘贴即可忽略

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js

关于css - Bootstrap - 列出现在彼此之上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31707141/

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