gpt4 book ai didi

html - 如何阻止提交按钮堆叠在 Bootstrap 表单的文本字段下方?

转载 作者:搜寻专家 更新时间:2023-10-31 23:00:07 28 4
gpt4 key购买 nike

http://codepen.io/anon/pen/WQQpyg

在较大的屏幕上这不是问题,但是当我缩小浏览器窗口时,提交按钮会移动到文本字段下方。当我尝试使用 css 向表单添加背景颜色时,这会导致问题。有谁知道如何防止这种情况?

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>

<body>
<div>
<form class="form-inline" role="form">
<div class="form-group">
<input type="email" class="form-control" id="email" placeholder="Enter Email Address">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
</body>

最佳答案

这是您要找的吗? https://jsfiddle.net/DIRTY_SMITH/2zkwxm97/

已添加 col-xs-4<div class="form-group col-xs-4">

关于html - 如何阻止提交按钮堆叠在 Bootstrap 表单的文本字段下方?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32509783/

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