自舉拉右只能在很小的寬度上工作

我使用Bootstrap來獲取一些文本和一個按鈕，以在屏幕的相對兩側出現在同一行上。我正在使用右鍵將按鈕移到屏幕的右側，但它只在屏幕寬度很窄時才起作用。如果我將它放大，該按鈕會移動到文本旁邊。 Here's a JSFiddle example和相關代碼：自舉拉右只能在很小的寬度上工作

<body> 
    <div class='container-fluid'> 
     <form class="form-inline"> 
      <div class="form-group "> 
       <label>Some Text</label> 
       <button type="button" class="btn btn-primary pull-right">Some Button</button> 
      </div> 
     </form> 
     <div><p>The button only appears on the right side of the window when the width is fairly narrow, even though it has the Bootstrap 'pull-right' class.</p></div> 

    </div> 
</body>

有沒有一種方法在所有寬度拿到按鈕向右？道歉，我對Bootstrap和CSS不太瞭解，所以我確信這是一件容易丟失的事情。此外，對於它的價值，這是一個Electron應用程序，所以它只需要在Chrome中工作。

謝謝。

來源

2017-07-08 typingm

這是因爲它被包裹在form group div中，這只是較小視口上的全寬度。你可以擺脫form group，只需在css中創建div width:100%。

來源

2017-07-08 19:30:04

這樣做。非常感謝！ – typingm

自舉拉右只能在很小的寬度上工作

回答

相關問題