gpt4 book ai didi

css - 带有输入表单控件宽度的 bootstrap doctype 显示不正确

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

我在使用 bootstrap 3.3.5 时遇到问题

我创建了一个简单的网页来测试新的 Bootstrap 。这是代码:

<!DOCTYPE html>
<html lang="id">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>BS Test</title>
<link rel="stylesheet" type="text/css" href="bootstrap.css" />
<script type="text/javascript" src="script.js" charset="UTF-8"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">

<form class="form">
<div class="form-body">
<div class="form-group">
<input type="text" class="form-control" />
</div>
</div>
</form>

</div>
</div>
</body>
</html>

类为form-control的输入文本宽度大于浏览器宽度,所以底部的滚动条显示..

<!DOCTYPE html>删除,所有非常正常的宽度。

我如何使用 <!DOCTYPE html> 解决这个问题? ?

文档类型: enter image description here

这没有文档类型: enter image description here

求助,谢谢

最佳答案

使用

<div class="container">

代替

<div class="container-fluid">

关于css - 带有输入表单控件宽度的 bootstrap doctype 显示不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32873607/

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