製作自舉卡不能理解一些事情，我是菜鳥

-1

我需要做這張卡。我已經完成了所有事情，但是我的日期和時間很糟糕。請幫助我正確地做到這一點。第一張照片顯示了它是如何的，第二張是我的。我不知道該怎麼做：1）輸入日期和輸入時間之間有適當的空間。 2）如何使這張卡在其他小屏幕上反應如此，它需要全部12列。 3）爲什麼我的收音機是灰色的？在本例中，他們是白色製作自舉卡不能理解一些事情，我是菜鳥

<div class="form-group row"> 
       <label for="date" class="col-md-2 col-form-label">Date and Time</label> 
      <div class="col-md-8"> 
       <div class="input-group"> 
        <div class="input-group-addon"> <span class="fa fa-calendar"></span></div> 
        <input type="text" class="form-control" id="date" name="date" placeholder="Date"> 

        <div class="col-md-1"></div> 
         <div class="input-group-addon"> <span class="fa fa-clock-o"></span></div> 
         <input type="text" class="form-control" id="time" name="time" placeholder="Time"> 
      </div> 
      </div> 
       </div>

來源

2017-08-05 Andy G

啊啊啊我的圖片沒有進入的問題 –

這是我做過什麼 http://cdn1.savepice.ru/uploads/2017/8/5 /227e8759421480279e32a0989154b825-full.png http://cdn1.savepice.ru/uploads/2017/ 8/5/ae0b91d11b80008f9684d3f4e4e2c710-full.png 這就是它的樣子 –

請編輯你的問題，以包括圖片的鏈接，而不是在評論中。另外，將你到目前爲止的CSS作爲代碼塊添加到你的問題中。如果您可以將代碼轉換爲可以立即查看代碼結果的堆棧代碼片段（如圖1所示），那將會非常好。（使用帶有括號的紙張圖標製作一個） – cjl750

我解決你的三個問題，檢查代碼，最後的風格，我把它內聯，但你可以使用類的引導和把你想要的道具是什麼，並添加（！重要的），把你的風格

<div class="form-group row"> 
      <label for="date" class="col-md-2 col-form-label">Date and Time</label> 

      <div class="input-group"> 
      <div class="col-xs-8"> 
      <div class="input-group"> 
       <div class="input-group-addon" style="background-color: white"> <span class="fa fa-calendar"></span> 
       </div> 
       <input type="text" class="form-control" id="date" name="date" placeholder="Date"> 
       </div> 
      </div> 
      <div class="col-xs-4"> 
      <div class="input-group"> 
       <div class="input-group-addon" style="background-color: white"> <span class="fa fa-clock-o"></span></div> 
        <input type="text" class="form-control" id="time" name="time" placeholder="Time"> 
        </div> 
      </div>  

    </div>

來源

2017-08-05 08:39:57

製作自舉卡不能理解一些事情，我是菜鳥

回答

相關問題