gpt4 book ai didi

html - 使用 css 的响应式网页

转载 作者:行者123 更新时间:2023-11-28 15:56:51 25 4
gpt4 key购买 nike

我创建了一个登录页面,但它没有响应,为了实现这一点,我搞砸了我的整个设计。

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.box
{
position: center;
top: 17;
left: 17;
}
.logo
{
position: absolute;
top:50px;
left: 100px;
border-right: 2px solid gray;
}
</style>
</head>
<body> <div class="container">
<h2>ADMIN PANEL LOGIN</h2>
<form>
<div>
<div class="form-group box">

<label for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder="Enter email">
</div>
<button type="submit" class="btn btn-default">Submit</button>
<img src="back_box.png" class="box" width="900" height=" 400" />
<img src="logo_written.png" class="logo" width="250" height="300" />
</div>
</form>
</body>
</html>

我也添加了 Bootstrap 类,但我无法实现响应式设计的目标

最佳答案

对于 Bootstrap,您需要添加 Bootstrap 文件源,只需将其添加到您的 head 部分即可。

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

关于html - 使用 css 的响应式网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49399653/

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