線在HTML變化的CSS

我有引導的一種形式：線在HTML變化的CSS

<form class="form-inline"> 
      <div class="form-group barkodiK"> 
      <input type="text" class="form-control barkodi" placeholder="Barkodi"> 
      </div> 
      <div class="form-group produktiK"> 
      <datalist id='produktet'></datalist> 
      <input list="produktet" class="form-control produkti" onkeyup="merrProduktet(this)" placeholder="Produkti"> 
      </div> 
      <div class="form-group pershkrimiK"> 
      <datalist id='pershkrimiProdukteve'></datalist> 
      <input list="pershkrimiProdukteve" class="form-control pershkrimi" placeholder="Pershkrimi"> 
      </div> 
      <div class="form-group cmimiK"> 
      <input type="text" class="form-control cmimi" readonly placeholder="Çmimi"> 
      </div> 
     </form>

這種形式給了我這樣的結果：

但是，如果我在我的編輯線做這個改變它的變化結構還有：

<form class="form-inline"> 
      <div class="form-group barkodiK"> 
      <input type="text" class="form-control barkodi" placeholder="Barkodi"> 
      </div> 
      <div class="form-group produktiK"> 
      <datalist id='produktet'></datalist> 
      <input list="produktet" class="form-control produkti" onkeyup="merrProduktet(this)" placeholder="Produkti"> 
      </div><div class="form-group pershkrimiK"> 
      <datalist id='pershkrimiProdukteve'></datalist> 
      <input list="pershkrimiProdukteve" class="form-control pershkrimi" placeholder="Pershkrimi"> 
      </div> 
      <div class="form-group cmimiK"> 
      <input type="text" class="form-control cmimi" readonly placeholder="Çmimi"> 
      </div> 
     </form>

而我有這個結果：

我甚至不知道爲什麼這件事會影響HTML的CSS。任何幫助？

來源

2016-03-11 ASTeam

檢查CSS - 填充，邊距和「.nth-child」（如果有的話）。 –

由於在HTML中沒有區別，所以這必須是CSS的問題。我們能否看到一些CSS？ – Wowsk

即時通訊使用引導 – ASTeam

因爲表單輸入內嵌顯示，你在第二個文件中刪除多餘的空間，導致輸入靠攏在一起：

</div><div class="form-group pershkrimiK">

這是它應該是什麼，如果你想的箱子之間的空間：

</div> 
<div class="form-group pershkrimiK">

當事情以內聯方式顯示時，/ around元素之間的空白是可見的。

來源

2016-03-11 01:25:19

現在有道理。感謝你的回答。 – ASTeam

線在HTML變化的CSS

回答

相關問題