JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap-grid.css">
<div class="main">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="div"></div>      
      </div>
    </div>
  </div>
</div>

CSS

body {
  background:#333;
}

.div {
  background:#ccc;
  height: 100px;
}

@media (max-width: 767px) {
  .div {
    margin-left:-15px; /* ($grid-gutter-width / -2) */
    margin-right: -15px; /* ($grid-gutter-width / -2) */
  }
}