CODEWITHSUNDEEP
htmlcsswordpresstwitter-bootstrap
user3550879
user3550879

Reputation: 3469

make Wordpress content span across 2 columns

I am using Wordpress and Bootstrap 3 framework and using ...

HTML

<div class="col-md-12">
   <?php the_content(); ?>
</div>

... to put the page content on the page. I want to put it in two columns (col-md-6) with the content spanning into two columns. but not sure how to do it.

Upvotes: 1

Views: 832

Answers (1)

lmgonzalves
lmgonzalves

Reputation: 6588

You can leave the HTML with this structure, adding a simple class (maybe column-2), and using this CSS:

.column-2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

DEMO

Learn more about CSS columns here.

Note: Supported in all modern browsers (with prefixes) and IE 10+. See here.

Upvotes: 1

Related Questions