Divs nicht neben einander orderded - Bootstrap

Question

ich die nächsten Blöcke:

   <div class="block"> 

       </div> 

       <div class="block"> 

       </div> 
       <div class="block"> 

       </div> 
       <div class="block"> 

       </div> 
       <div class="block"> 

       </div> 

und ich wollte, dass sie nebeneinander sein, und wenn es um die wnd des Bildschirms kommt - sie machen nach unten ein reihe und fahre fort. Aber es ist nur eine große Liste der gleichen Blöcke. Hier

ist die Klasse:

.coverw-block-welcome{ 
    float: left!important; 
    display: inline!important; 
    height: 50px; 
    width: 50px!important; 
    background-color: #1b6d85; 
    margin:5px; 
    margin-top: 15px; 
    border-radius: 4px 4px 4px !important; 
} 

Answer 1

Eigentlich Ihre HTML-Klassennamen und CSS-Klassennamen nicht identisch sind, so CSS arbeiten nicht für diesen html.

Bitte aktualisieren Sie Ihren Code ein: -

.block { 
 
\t float: left!important; 
 
\t display: inline!important; 
 
\t height: 50px; 
 
\t width: 50px!important; 
 
\t background-color: #1b6d85; 
 
\t margin: 5px; 
 
\t margin-top: 15px; 
 
\t border-radius: 4px 4px 4px !important; 
 
}

<div class="block"> </div> 
 
<div class="block"> </div> 
 
<div class="block"> </div> 
 
<div class="block"> </div> 
 
<div class="block"> </div>

Answer 2

Sie können hier unten die Arbeitsversion des Codes finden:

.block { float: left!important; display: inline!important; height: 50px; width: 50px!important; background-color: #1b6d85; margin: 5px; margin-top: 15px; border-radius: 4px 4px 4px !important; }

<div class="block"> 
 
test 
 
</div> 
 

 
<div class="block"> 
 
test 
 
</div> 
 
<div class="block"> 
 
test 
 
</div> 
 
<div class="block"> 
 
test 
 
</div> 
 
<div class="block"> 
 
test 
 
</div>