gpt4 book ai didi

html - 如何用内容填充整个 Bootstrap 行

转载 作者:可可西里 更新时间:2023-11-01 14:44:18 26 4
gpt4 key购买 nike

我正在尝试弄清楚如何让 Bootstrap 行的整个宽度由 3 个子 span4 填充。看起来在最后的 span4 之后还有剩余空间。上次我检查 3 x 4 是 12,所以我错过了什么?

<body>
<div class="container">
<div class="row" style="background-color:#eee; border: 1px solid #888;">
<input name="srcCity" type="text" class="span4" placeholder="City">
<select name="srcState" class="span4" data-country="US" data-state="CA"> </select>
<input name="srcZip" type="text" class="span4" placeholder="Zip">
</div>
</div>
</body>

https://jsfiddle.net/ujq2vxqc/

最佳答案

我认为你使用了错误的类,而是使用 span4(不存在于 bootstrap.css 文件 AFAIK)你可以使用 col-xx-4xx 可以是 xs,sm,md,lg 由你决定。
像这样的东西:

    <body>
<div class="container">
<div class="row" style="background-color:#eee; border: 1px solid #888;">
<input name="srcCity" type="text" class="col-sm-4" placeholder="City">
<select name="srcState" class="col-sm-4" data-country="US" data-state="CA"> </select>
<input name="srcZip" type="text" class="col-sm-4" placeholder="Zip">
</div>
</div>
</body>

关于html - 如何用内容填充整个 Bootstrap 行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32774133/

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