Bild ist ganz oben rechts :(

[C4T3R]

Hey,

ich habe da ein Problem, ich möchte das Bild was da so in der mitte hängt unten mit den anderen zwei Bildern in eine Reihe machen, die erste Reihe klappt super nur die zweite nicht.Warum ? Was mache ich falsch ? Hier mein Code:

    <div class="container marketing">

      <div class="row">
        <div class="span4">
          <img class="img-circle" data-src="holder.js/140x140" src="adventuros.jpg">
          <h2>1: AdeventurOS</h2>
          <p>AdventurOS is a Free Indie Game.Explore This 2.5D RPG on Your Computer, based On The Content of Your Computer.</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div><!-- /.span4 -->
        <div class="span4">
          <img class="img-circle" data-src="holder.js/140x140" src="timesquid.jpg">
          <h2>2: TimeSquid</h2>
          <p>TimeSquid is a Free Online Doge-em-Up-Indie-Game based On The Scoring In Golf.</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div><!-- /.span4 -->
        <div class="span4">
          <img class="img-circle" data-src="holder.js/140x140" src="limerick.png">
          <h2>3: Lime Rick</h2>
          <p>You can Play LimeRick online and Free.It's an Indie-Puzzle-Game !</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div><!-- /.span4 -->
        <br>
         <div class="span4">
          <img class="img-circle" data-src="holder.js/140x140" src="">
          <h2>4: AdventurOS</h2>
          <p>AdventurOS is a Free Indie Game.Explore This 2.5D RPG on Your Computer</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div><!-- /.span4 -->
        <div class="span4">
          <img class="img-circle" data-src="holder.js/140x140" src="">
          <h2>5: TimeSquid</h2>
          <p>TimeSquid is a Free Online Doge-em-Up-Indie-Game based On The Scoring In Golf.</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div><!-- /.span4 -->
        <div class="span4">
          <img class="img-circle" data-src="holder.js/140x140" src="">
          <h2>6:Lime Rick</h2>
          <p>You can Play LimeRick online and Free.It's an Indie-Puzzle-Game !</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div><!-- /.span4 -->
      </div><!-- /.row -->
      <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
        <p>&copy; 2013 Gneez, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
      </footer>

    </div><!-- /.container -->

Ich hoffe Ihr könnt mir da helfen :)

Grüße C4T3R

 

[threadi]

Ein Link zur Seite wäre interessant, da man dann auch die wirkenden Styleeigenschaften sehen könnte. Mit den Infos hier könnte man nur raten.

Moderation: Verschoben von HTML zu CSS, da es um Gestaltung geht.

 

[Banana_Jones]

Rein nach der Bootstrap-Logik müsstest du ja eigentlich nach dem 3. Element die Reihe wieder schließen:

<div class="row">
    <div class="span4">
    ...
    </div>
    <div class="span4">
    ...
    </div>
    <div class="span4">
    ...
    </div>
</div>
<div class="row">
...