Bootstrap 3 Container Shadow

by cormip

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="container">
  <div class="container-shadow">
    <p>
    My content!
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    </p>
  </div>
</div>

CSS

/* Latest compiled and minified CSS included as External Resource*/
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
.container {
  padding: 0 30px;
  overflow:hidden;
}
.container-shadow {
  margin: -20px 0;
  padding: 20px 0;
  box-shadow: 0 0 40px #000;
}

@media (max-width: 480px) {
  .container {
  padding: 0;
}

JavaScript

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