引导选择选项比输入

引导选择选项比输入

更宽我不知道为什么,但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

回到顶部