2017-07-08 2 views
0

Ich verwende Bootstrap, um Text und eine Schaltfläche in derselben Zeile auf gegenüberliegenden Seiten des Bildschirms anzuzeigen. Ich benutze Pull-rechts, um die Schaltfläche auf die rechte Seite des Bildschirms zu bringen, aber es funktioniert nur, wenn die Bildschirmbreite schmal ist. Wenn ich es breiter mache, bewegt sich die Schaltfläche neben dem Text. Here's a JSFiddle example und der entsprechende Code:Bootstrap pull-right funktioniert nur bei geringer Breite

<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> 

Gibt es eine Möglichkeit, die Schaltfläche rechts auf allen Breiten zu bekommen? Entschuldigung, ich bin nicht großartig mit Bootstrap und CSS, also bin ich mir sicher, dass dies eine einfache Sache ist, die ich vermisse. Auch, was es wert ist, ist dies für eine Electron App, also muss es nur in Chrome funktionieren.

Danke.

Antwort

1

Das ist, weil es in einem form group div, das nur die volle Breite auf kleineren Viewports ist eingewickelt ist. Sie könnten die form group loswerden und einfach das div width:100% in css machen.

+1

Das hat den Trick gemacht. Vielen Dank! – typingm