Kein Wrapping von Bootstrap-Spalten

Question

Ich habe eine fertige HTML5-Website-Vorlage von w3layouts.com heruntergeladen, die unter CC3.0-Lizenz steht. Da die verwendeten Skripte wie Bootstrap usw. alle alt sind, aktualisiere ich diese und den Quellcode um zu funktionieren. Aber ich bin in einem Problem, das ich nicht lösen kann. Ich bin neu in Bootstrap und es ist mein erstes Mal, dass ich damit arbeite. Ich bin es leid, meine eigenen Designs zu programmieren. :)

Die ursprüngliche/alte Vorlage verwendet Bootstrap v3.3.4 und ich benutze jetzt 4.0.0-Beta.

Wie Sie here in the original sehen konnten, ist der Abschnitt "Meine Dienste" in Form. Aber in my updated version werden die Spalten nicht wickeln. Ich habe schon viele Dinge ausprobiert und viel gegoogelt, aber keine Lösung gefunden.

Hier sind die Quellcodes:

• HTML: https: // pastebin.com/NJYmqAk2
• CSS: https: // pastebin.com/AdYUTtFe

(Sorry, ich musste die pastebin links ändern 'cuz ich bin nicht hoch angesehen atm. :))

Answer 1

Es scheint, dass die Version von Bootstrap Sie verwenden, ist nicht die Spalten Breite in% teilen, und auch sie sind nicht schwebend links. In Ihrem HTML gibt es ein großes Problem mit der Zeile um jede Spalte gewickelt.

<div class="row"> <!-- This wraps the column and defeats its purpose --> 
<div class="col-xs-4 wthree_about_right_grid_left"> 
    <div class="hvr-rectangle-in"> 
     <i class="glyphicon glyphicon-pencil"></i> 
    </div> 
</div> 
</div> 

starten, indem Sie die Zeile zu löschen, und dann schwimmen die colums machen Sie gehen zu wollen, links und bestimmen es Breite ist in%.

So:

Auf diese Weise können Sie es wie auf der Vorlage zu handeln, und schließlich Ihr erstes Problem lösen.

Sie würden viel mehr von der Verwendung der Bootstrap-Version profitieren, die mit Ihrer Vorlage kompatibel ist.