Divs "inline" in Bootstrap platzieren

Question

Ich benutze Bootstrap und ich habe Schwierigkeiten, zwei divs nebeneinander zu platzieren. Ich habe versucht Anzeige: Inline und das macht es noch schlimmer aussehen. Ich habe ein div erstellt, um sie beide genannt steven-and-leah und habe das gleiche Ergebnis, aber wenn eine bestimmte Art von Inline wie inline-flex Ich bekomme ein Ergebnis, was in der Nähe, was ich will, aber sie sind zu nah beieinander und kann bei der Verwendung nicht getrennt werden.

Es tut mir leid, wenn das nicht spezifisch genug ist, aber ich merke nichts, das sogar den Code beeinflusst.

.steven-and-leah{ 
    display: inline; 
} 

.team-bx{ 
    width: 500px; 
    height: 570px; 
    margin-top: 80px; 
    border: 5px solid #FFF; 
    border-radius: 120px; 
    padding: 20px 0px 20px 0px; 
    overflow: hidden; 
    background-color: #111924; 
} 

Answer 1

Sie verwenden hier falsch Bootstrap. Denken Sie daran, dass die Stärke von Bootstrap auf seinem Gitter ist.

Wenn Sie zwei divs nebeneinander platzieren möchten, müssen Sie einfach eine Spalte £ -6 auf sie anwenden (£ ist das Gerät, das Sie anvisieren möchten). Zum Beispiel:

<div class="row"> 
<div class="col-md-6">div number one!</div> 
<div class="col-md-6">div number two!</div> 
</div> 

Dies wird automatisch beide divs nebeneinander platzieren, als ob sie „inline“ waren, mit den großen Plus von ihnen automatisch ansprachen.

Wenn dies nicht Ihre Frage ist, bitte umrahmen Sie es.

Sie können große Beispiele in ihrer getting started Website

Answer 2

Haben Sie das versucht? überprüfen Sie die Demo

.steven-and-leah > * { 
    display: inline-block; 
} 

Demo