bootstrap和django保持按鈕和輸入同一行

Question

我想成爲我的選擇輸入和按鈕在同一行。 這我可以開始工作，但我的輸入拉伸到col寬度，而不是輸入寬度。

我該如何做到這一點？

到目前爲止我的代碼：

​​

我在想什麼？

附註：是否有某種方法可以讓我的按鈕比它中的文字寬一些？

Answer 1

首先您需要了解以下代碼的功能。它會創建一個寬度爲9/12的頁面寬度的列。

<div class="col-md-9"> 

您可能想要做以下事情。

<div class="col-md-9"> 
      <div class="form-group"> 
       {{ field|addcss:"form-control" }} 

      <button type="submit" class="btn btn-primary btn-sm">Filter</button> 

      </div> 

     </div> 

給出按鈕的明確寬度。在線檢查寬度在線