html对齐与文本框

Question

我有这两个文本框我想并排，目前他们堆叠onother的彼此。

我越来越紧张了！它的东西很愚蠢，但我无法找到它！

下面是代码：

<div class="form-group"> 
    <strong>Date:</strong> 

    <div class='input-group date datepicker' ng-model="package.dateA"> 
     <input type='text' id="date" ng-model="package.dateB" 
       class="form-control"/> 
        <span class="input-group-addon"> 
        <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
    </div> 
    <!-- <div class="form-group"> --> 
    <strong>Time:</strong> 

    <div class='input-group date timepicker' ng-model="package.timeA"> 
     <input type='text' id="time" ng-model="package.timeB" class="form-control"/> 
        <span class="input-group-addon"> 
        <span class="glyphicon glyphicon-time"></span> 
        </span> 
    </div> 
</div> 

编辑 当我把样式表编辑上的答案

Answer 1

的DIV是块级元素建议继承人发生了什么。如果你想让它们紧挨着，你需要使用CSS样式。

display: inline-block; 

http://jsfiddle.net/sabgbn16/

Answer 2

“使用网格卢克！”

由于您正在使用引导，我建议使用网格布局。 Grid system

<div class="row"> 
    <div class="col-xs-12 col-md-6"> 
     <div class="form-group"> 
      <strong>Date:</strong> 

      <div class='input-group date datepicker' ng-model="package.dateA"> 
       <input type='text' id="date" ng-model="package.dateB" 
         class="form-control"/> 
       <span class="input-group-addon"> 
       <span class="glyphicon glyphicon-calendar"></span> 
       </span> 
      </div> 
     </div> 
    </div> 
    <div class="col-xs-12 col-md-6"> 
     <div class="form-group"> 
      <strong>Time:</strong> 

      <div class='input-group date timepicker' ng-model="package.timeA"> 
       <input type='text' id="time" ng-model="package.timeB" class="form-control"/> 
       <span class="input-group-addon"> 
       <span class="glyphicon glyphicon-time"></span> 
       </span> 
      </div> 
     </div> 
    </div> 
</div> 

虽然你已经接受一个答案，我反正张贴。