Div使用d-inline出现在两行中

问题描述

我试图在一行上显示两个或三个div，但它们总是出现在两个上。这是我的jsfiddle，下面是代码。这两个代码块是相同的，除了第二个代码块使用两个div，因为我认为这可能有所不同，但事实并非如此。如何使用行/列在Bootstrap4的一行中完成所有这些操作？

    <div class="row justify-content-center"> 
      <div class="col-3 d-inline-block">Title</div>     
      <form>
        <div class="col-2 d-inline-block">Search
           <input type="text" name="search">
        </div>
      </form>
    </div>     
     
    <div class="row justify-content-center"> 
      <div class="col-3 d-inline-block">Title</div>     
      <form>
        <div class="col-2 d-inline-block">Search</div>
        <div class="col d-inline-block"><input type="text" name="search"></div>
      </form>
     </div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bootstrap-4 col inline