将bs3输入组转换为bs4遇到困难

时间:2019-07-20 11:23:51

标签: html css bootstrap-4

我有一个包含两个输入和一个前置文本的输入组,默认情况下,在bs3中,两个输入彼此重叠,并且自动为这些输入拉伸了前置文本的高度。

现在我切换到bs4,现在输入并排对齐,并且由于具有可弯曲的显示,我不知道如何使它们垂直放置。

这是我希望其显示的方式:

_________________________________________________
|              |     input 1                     |
|prepended text|_________________________________
|              |     input 2                     |
_________________________________________________

现在是bs4的样子:

______________________________________________________
|prepended text  |     input 1 |    input 2          |
______________________________________________________

抱歉,此演示文稿

如果我忽略了输入的宽度,或者试图使它们成为块,则前置的文本不会被拉成两行。

<div class="col-12">
 <div class="input-group input-group-lg">
  <div class="input-group-prepend">
   <span class="input-group-text">text</span>
  </div>
  <input class="form-control" type="text" />
  <input class="form-control" type="text" />
 </div>
</div>

0 个答案:

没有答案