0

I'm using the classical WordPress editor and having some trouble formatting it. I want to achieve the following result.

enter image description here

Col 1 should be left blank. Col 2 and Col 3 will have content.

I've tried using the classical editor and tried outputting the above picture using the bootstrap feature they have. However, I wasn't able to anything on my site. I have used bootstrap before and know how the col/grid systems work. This is however my first time using it in WordPress so I don't know how to format it like the way i wanted to do.

Check my code and see what I need to do or fix.

<div class="row">
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
</div>

That code was used for testing. I wanted to see if it displays 12 boxes side-by-side as it should've. It didn't however. I also just tried typing it normally and tried spacing it but didn't work.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.