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> 

雖然你已經接受一個答案，我反正張貼。