2017-04-06 1 views
0

Wenn ich zwei Button-Komponenten (die eine Btn-Block-Klasse haben, obwohl sie nicht haben), wie kann ich sie in der gleichen Reihe, voll haben Breite beides? Ich weiß, wie ich das "manuell" erreichen kann. Die Sache ist, ich muss dies nur mit Utility-Klassen tun. Also kein zusätzliches CSS, wenn möglich natürlich.Stretch zwei Tasten in voller Breite auf der gleichen Linie - Bootstrap 4

Bitte, helfen! Vielen Dank.

Antwort

0

Sie können nicht "zwei Tasten voller Breite in der gleichen Zeile" haben, als würden sie sich überlappen und, ehrlich gesagt, dienen sie keinem wirklichen Zweck.

Mit zwei Tasten, 50% Breite, auf der:

Dies nicht auch der beste Weg, es zu tun sein könnte, aber etwas zu erreichen, die zu nahe kommen können, was Sie 4 Bootstrap verwenden möchten, indem Sie getan werden könnte, gleiche Reihe

<div class="row"> 
<div class="col-6"> 
    <!-- BUTTON 1 HERE --> 
</div> 
<div class="col-6"> 
<!-- BUTTON 2 HERE --> 
</div>  
</div> 

Oder beiden Tasten auf 100% Breite, aber unterschiedliche Reihen

<div class="row"> 
<div class="col-12"> 
    <!-- BUTTON 1 HERE --> 
</div> 
<div class="col-12"> 
<!-- BUTTON 2 HERE --> 
</div>  
</div> 
+0

Ja, ich zusätzlich einig, dass es ein Problem gewesen, bevor bei Bootstrap, [https://github.com/ tbbs/bootstrap/ist sues/13647] (btn-block-Klasse für verschiedene Breakpoints # 13647) [https://github.com/twbs/bootstrap/issues/20617] (Responsive .btn-block # 20617). – Ace

+0

Eh, schade! Aber trotzdem danke euch beiden! – Retros

Verwandte Themen