Bootstrap ändern Position von Spalten und teilen sie

Question

So haben dieses Problem und nicht wirklich eine Lösung gefunden, um es zu lösen. Ich habe diesen ersten Entwurf, wenn der Bildschirm ist groß:

Und wenn der Bildschirm auf einen kleinen Bildschirm der Größe verändert wird ich folgende

haben will Es ist also tatsächlich ein Problem mit der Zuerst muss man ein Logo so groß wie der Titel und Text zusammen haben und dann den Titel über das Logo bewegen.

Answer 1

Es geht um die Positionierung.

1. Titel
2. logo
3. Text

Machen Sie ein Elternteil div mit der Klasse Reihe.

Dann innen, erstellen Sie Ihren Titel zuerst mit Klasse col-md-6 col-xs-12 pull-right. Dies wird dazu führen, dass der Titel richtig schwebt. Mach das gleiche mit dem Text.

Das Logo sollte die gleichen Klassen erhalten, aber pull-left statt pull-right. Dadurch wird es nach links schweben.

Aber auf dem Handy werden alle unter einander sein.

Schauen Sie sich die Geige:

https://jsfiddle.net/80r028jq/1/