Bootstrap Writing In Columns (like a newspaper) [duplicate] Bootstrap Writing In Columns (like a newspaper) [duplicate] django django

Bootstrap Writing In Columns (like a newspaper) [duplicate]


For browsers that support it, you can use columns css3 property:

.twoColumns{    -webkit-column-gap: 20px;       -moz-column-gap: 20px;            column-gap: 20px;    -webkit-column-count: 2;       -moz-column-count: 2;            column-count: 2;}
<div class="twoColumns">    Sed ut perspiciatis unde omnis iste natus error ...</div>

Demo in Fiddle


If you need to support older browsers, you can use the polyfill here:

https://github.com/BetleyWhitehorne/CSS3MultiColumn

Include the script after your stylesheet and it will convert if neccessary:

<link rel="stylesheet" type="text/css" href="stylesheet.css" /><script type="text/javascript" src="css3-multi-column.js"></script>

Or you can do it in Javascript with Columnizer like this:

$('.twoColumns').columnize({ columns: 2 });