"Multi Column Layouts with CSS"
Bootstrap 3.3.0 Snippet by Interstellarinnovs

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-12"> <article class="col col-1"> <p>Internet itself a Big World, in future it will 100% Dominated by Internet. Instead of working with small sites & wasting your time better you Start your Online Business, in this you can benefit yourself ALOT. There are alot of Opportunities in internet how make them use is only depends on you, by this way i give 100% Guarentee in achieving your Dreams, no matter How Big there are. You will Make it into Reality. The beauty of the internet is that you can quite literally launch a business and Make Money Online with very little to no capital. If you understand the mechanics of online marketing, or if you’re great at social media, you’ll clearly find it easier. But you don’t need to be a pro to start your business online.</p> </article> </div> </div> </div>
:root { --light-yellow: #009ee2; --default: #fff; } article p { font-size: 16px; color: var(--default); } .col { background: var(--light-yellow); padding: 15px 25px; } .col-3 { column-count: 3; } /*media query docs*/ @media (max-width: 600px) { .col-3 { column-count: 1; } } @media (max-width: 991px) and (min-width: 601px) { .col-3 { column-count: 2; } }

Related: See More


Questions / Comments: