Grid system guide for billboard framework

Hi everyone
To install the grid system, just connect the billboard library to the web page first (CDN or Local) And then create your webpage using the code below.The following code contains column types of examples

You can find files and CDN billboard framework in following link.

<body><div class="main"><div class="brow">
<div class="bcol-2-6 bcol-6-xs grid-ex">.bcol-2</div>
<div class="bcol-2-6 bcol-6-xs grid-ex">.bcol-2</div>
<div class="bcol-2-6 bcol-6-xs grid-ex">.bcol-2</div>
</div>
<br>
<div class="brow">
<div class="bcol-1-6 bcol-3-6-md bcol-6-xs grid-ex">.bcol-1 </div>
<div class="bcol-1-6 bcol-3-6-md bcol-6-xs grid-ex">.bcol-1 </div>
<div class="bcol-4-6 bcol-6-md bcol-6-xs grid-ex">.bcol-4 </div>
</div>
<br>
<div class="brow">
<div class="bcol-1-6 bcol-3-6-md grid-ex">.bcol-1 </div>
<div class="bcol-1-6 bcol-3-6-md grid-ex">.bcol-1 </div>
<div class="bcol-1-6 bcol-3-6-md grid-ex">.bcol-1 </div>
<div class="bcol-1-6 bcol-3-6-md grid-ex">.bcol-1 </div>
<div class="bcol-1-6 bcol-3-6-md grid-ex">.bcol-1 </div>
<div class="bcol-1-6 bcol-3-6-md grid-ex">.bcol-1 </div>
</div>
<br>
<div class="brow">
<div class="bcol-1-5 bcol-2-6-md bcol-6-xs grid-ex">bcol-1-5 </div>
<div class="bcol-1-5 bcol-2-6-md bcol-6-xs grid-ex">bcol-1-5 </div>
<div class="bcol-1-5 bcol-2-6-md bcol-6-xs grid-ex">bcol-1-5 </div>
<div class="bcol-1-5 bcol-2-6-md bcol-6-xs grid-ex">bcol-1-5 </div>
<div class="bcol-1-5 bcol-2-6-md bcol-6-xs grid-ex">bcol-1-5 </div>
</div>
<br>
<div class="brow">
<div class="bcol-3-6 grid-ex">.bcol-3 </div>
<div class="bcol-3-6 grid-ex">.bcol-3 </div>
</div>
<br>
<div class="brow">
<div class="bcol-5-6 bcol-6-md bcol-6-xs grid-ex">.bcol-5 </div>
<div class="bcol-1-6 bcol-6-md bcol-6-xs grid-ex">.bcol-1 </div>
</div>
<br>
<div class="brow">
<div class="bcol-1-4 bcol-3-6-xs grid-ex">.bcol-1-4 </div>
<div class="bcol-1-4 bcol-3-6-xs grid-ex">.bcol-1-4 </div>
<div class="bcol-1-4 bcol-3-6-xs grid-ex">.bcol-1-4 </div>
<div class="bcol-1-4 bcol-3-6-xs grid-ex">.bcol-1-4 </div>
</div>
<br>
<div class="brow">
<div class="bcol-6-6 grid-ex">.bcol-6 </div></div>
<br>
</div>
</body>

elbillboard

A free HTML, CSS , JS framework

Amir Mahmoud Mirzargar

Written by

Founder & developer billboard framework , CEO https://thebravo.cc

elbillboard

A free HTML, CSS , JS framework

More From Medium

More on Web Development from elbillboard

More on Web Development from elbillboard

More on Web Development from elbillboard

Radio Button guide for billboard framework

More on Elbillboard from elbillboard

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade