Twitter bootstrap 如何在boostrap表单中并排放置两个输入组

我试图实现一个表单布局，其中两个

表单组
元素并排在一行上。我尝试过使用以下属性设置样式<代码>显示：内联
，
显示：flex
，等等，但这些都不起作用

下面是我希望并排出现的
表单组
元素的一个片段：

<div class="form-group">
    <label for="entercomments" class="col-sm-2 control-label">From Date</label>
    <div class="col-sm-10">
        <div class="input-group fromdate inline"  data-date-format="yyyy-mm-dd" style="width:250px">
            <input type="text" class="form-control fromdate"  placeholder="dd-mmm-yyyy" id="FromDate" runat="server" data-date-container="#formDiv" />
            <div class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></div>
        </div>
    </div>
</div>
<div class="form-group">
    <label for="entercomments" class="col-sm-2 control-label">To Date</label>
    <div class="col-sm-10">
        <div class="input-group todate inline" data-date-format="yyyy-mm-dd" style="width:250px">
            <input type="text" class="form-control todate" placeholder="dd-mmm-yyyy" id="ToDate" runat="server" data-date-container="#formDiv"  />
            <div class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></div>
        </div>
    </div>
</div>


从日期开始
迄今为止
看到您正在使用引导，您可以在此处使用引导来实现所需的布局：


您需要将两个输入放在一行的单独列中，如下所示：

<div class="row">
  <div class="col">
     <input type="text" class="form-control">
  </div>
  <div class="col">
     <input type="text" class="form-control">
  </div>
</div>

使用bootstrap4表单网格，检查以下两个示例



名称
用户名
@
提交
我认为您需要在两个表单周围创建一个区域

我已经有了另一个引导程序，但网格概念对我来说是清楚的，感谢您付出了这么多的努力……Dacre的解决方案和解释很好