Zwei Textfelde nebeneinander erzeugen....

Thema wurde von andrea_oezlue, 23. März 2017 erstellt.

  1. andrea_oezlue

    andrea_oezlue Erfahrener Benutzer

    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
  2. Torben Wark

    Torben Wark Gambio GmbH

    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Das kann man mit Grid-Spalten von Bootstrap lösen. Dafür schaltest du einmal deinen Text-Editor in die Quelltext-Ansicht und gibst da sowas wie folgendes ein:

    HTML:
    <div class="row">
        <div class="col-xs-12 col-sm-6">
            <img class="img-responsive" src="pfad/zu/deinem/Bild1.jpg" alt="Bild1"/>
           
            <p>
                Dein Text
            </p>
        </div>
        <div class="col-xs-12 col-sm-6">
            <img class="img-responsive" src="pfad/zu/deinem/Bild2.jpg" alt="Bild2"/>
    
            <p>
                Dein Text
            </p>
        </div>
    </div>
    Das erzeugt dir eine Ansicht, die auf Mobilgeräten untereinander und ab Tablets nebeneinander angezeigt wird.
    Für <img class="img-responsive" src="pfad/zu/deinem/Bild1.jpg" alt="Bild1"/> musst du einmal den Pfad zu deinem Bild auf dem Server angeben, damit dies richtig angezeigt wird. Bei <p>Dein Text</p> gibst du den Text ein, den du da angzeigt haben möchtest.

    Näheres zum Grid-System findest du unter http://holdirbootstrap.de/css/#grid
     
  3. andrea_oezlue

    andrea_oezlue Erfahrener Benutzer

    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Lieben Dank Torben