<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<section class="fdb-block">
<div class="container">
<div class="row">
<div class=" col text-center">
<h1 class='bg-primary text-white'>Froala Design Blocks</h1>
<div class="row text-left pt-4">
<div class="bg-danger text-white col-12 col-md-6">
<p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden
flows by their place far far away.</p>
</div>
<div class="bg-dark text-white col-12 col-md-6">
<p class="lead">Separated they live in Bookmarksgrove right at the coast of the Semantics, far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at
the coast.</p>
</div>
</div>
</div>
</div>
</div>
</section>