Contact Form 7 responsive mehrere Spalten

Wenn man mit CF7 arbeitet und dort öfters mehrere Spalten braucht, kann das mit Divs und viel CSS machen. Wenn das Theme allerdings, wie fast jedes gute Bootstap nutzt, dann kann man das ganz einfach bewerkstelligen um es auch responsiv an das Handy anzupassen.

CF7 Bootstrap

Inhalt 1
Inhalt 2
Inhalt 3
Inhalt 4

Silbentrennung bei responsivem Design

Bei responsiven Templates kommt es schnell mal dazu, dass die Überschriften sich nicht mit verkleinern und dann über den Rand laufen. Die kann man schnell mit dem folgenen Code für Überschriften lösen.

Gleiches funktioniert natürlich auch mit anderem Test z.B. in einem <p>.