Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="row">

  <div class="first-floor">
    <div class="col-sm-4" style="border: 1px solid">
      <img src="http://placehold.it/200x200" style="border-radius: 100px; margin-left: 50px; margin-top: 50px;">
      <p style="text-align: center;">Первое фото</p>
    </div>
    <div class="col-sm-4" style="border: 1px solid">
      <img src="http://placehold.it/200x200" style="border-radius: 100px; margin-left: 30px;">
      <p style="text-align: center;">Второе фото</p>
    </div>
    <div class="col-sm-4" style="border: 1px solid">
      <img src="http://placehold.it/200x200" style="border-radius: 100px; margin-top: 50px;">
      <p style="text-align: center;">Третья фото</p>
    </div>
  </div>
</div>

<div class="row">

  <div class="second-floor">
    <div class="col-sm-4" style="border: 1px solid">
      <img src="http://placehold.it/200x200" style="border-radius: 100px; margin-top: 50px; margin-left: 50px;">
      <p style="text-align: center;">Четвертое фото</p>
    </div>
    <div class="col-sm-4" style="border: 1px solid">
      <img src="http://placehold.it/270x300" style="border-radius: 100px;">
    </div>
    <div class="col-sm-4" style="border: 1px solid">
      <img src="http://placehold.it/200x200" style="border-radius: 100px; margin-top: 50px;">
      <p style="text-align: center;">Пятое фото</p>
    </div>
  </div>
</div>
<div class="row">
  <div class="third-floor">
    <div class="col-sm-6" style="border: 1px solid;">
      <img src="http://placehold.it/200x200" style="border-radius: 100px; margin-left: 200px;">
      <p style="text-align: center;">Шестое фото</p>
    </div>
    <div class="col-sm-6" style="border: 1px solid;">
      <img src="http://placehold.it/200x200" style="border-radius: 100px;">
      <p style="text-align: center;">Седьмое фото</p>
   ...

CSS

/* Latest compiled and minified CSS included as External Resource*/


/* Optional theme */

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
body {
  margin: 10px;
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */