gpt4 book ai didi

javascript - 对齐文本插件 bootstrap html

转载 作者:太空宇宙 更新时间:2023-11-04 03:32:56 25 4
gpt4 key购买 nike

我正在尝试使用 Bootstrap 创建一个表单,但我无法让插件中的文本正确排列。我希望每个输入组的插件大小都相同。这是我的 html:

<div class="input-group"><span class="input-group-addon">Event Name</span><input type="text" class="form-control" placeholder="Ex. Bingo" id="event"></div>

<div class="input-group"><span class="input-group-addon">Mon</span><input type="text" class="form-control" placeholder="00:00" id="mon"></div>

<div class="input-group"><span class="input-group-addon">Tue</span><input type="text" class="form-control" placeholder="00:00" id="tues"></div>

<div class="input-group"><span class="input-group-addon">Wed</span><input type="text" class="form-control" placeholder="00:00" id="wed"></div>

<div class="input-group"><span class="input-group-addon">Thu</span><input type="text" class="form-control" placeholder="00:00" id="thurs"></div>

<div class="input-group"><span class="input-group-addon">Fri</span><input type="text" class="form-control" placeholder="00:00" id="fri"></div>

<div class="input-group"><span class="input-group-addon">Sat</span><input type="text" class="form-control" placeholder="00:00" id="sat"></div>

<div class="input-group"><span class="input-group-addon">Sun</span><input type="text" class="form-control" placeholder="00:00" id="sun"></div>

非常感谢任何帮助

最佳答案

如果你想让标签的宽度相同,你可以像这样添加到 css 类:

.input-group-addon {
width: 150px;
}

JSFiddle:http://jsfiddle.net/biz79/j2m9ng9p/

关于javascript - 对齐文本插件 bootstrap html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26044750/

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