引导选择选项比输入
引导选择选项比输入
更宽我不知道为什么,但scrren尺寸1024×768我选择的选项从选择是SOOO大。我怎样才能做到这一点,这个选项是宽度像选择? 我只想在bootstrap 4上做这个,只使用bootstrap中的类,但我不知道或者它是可能的,我不知道为什么这个选择是这样的。在更大的屏幕尺寸上,一切都很好。 如何解决它? 这里是我的代码:
<div class="row"> <div class="col-sm-6" style="border: 1px solid black">
<span class="font-weight-bold">Data</span>
<form role="form">
<div class="form-group">
<label class="control-label">Choose</label>
<select class="form-control" name="docType">
<option value="paragon">Test1</option>
<option value="complaint">Test2</option>
</select>
</div>
<div class="form-group">
<label for="docNo">Data</label>
<input type="text" class="form-control" id="docNo">
</div>
<div class="form-group">
<label for="docDate">Data</label>
<input type="text" class="form-control" id="docDate">
</div>
</form>
</div>
<div class="col-sm-6">
Test
</div>
</div>
回答:
你有没有在你的CSS的东西是迫使期权是一个静态的像素大小,而不是允许引导的宽度仅仅是汽车?
回答:
即使使用引导程序,通常选项标记也不会显示大的选项,但您可以尝试使用以下CSS代码来为html中的所有表单元素调整宽度。
.form-control {
width:90%;
}
以上是 引导选择选项比输入 的全部内容, 来源链接: utcz.com/qa/259785.html