I have large piece of text. The idea is that I want to show this text in 3 columns of col-lg-4. Like a magazine user starts reading first column and second continues next to each other.
Is there a trick in bootstrap todo this?
remco
I have large piece of text. The idea is that I want to show this text in 3 columns of col-lg-4. Like a magazine user starts reading first column and second continues next to each other.
Is there a trick in bootstrap todo this?
remco
Share Improve this question edited Feb 20 at 12:03 Dylan 695 bronze badges asked Jan 31 at 11:34 RemcoRemco 6831 gold badge6 silver badges20 bronze badges 1- 1 No, as far as I know BS itself has not currently implemented this. You can do it yourself using your own CSS, go look into developer.mozilla./en-US/docs/Web/CSS/CSS_multicol_layout – C3roe Commented Jan 31 at 11:38
1 Answer
Reset to default 1If I understand your question correctly, you want one large body of text that carries over into three columns if it's too big. I don't think this works because of how html works. If the text is in one of the col-lg-4 div, then it can't just continue over into a separate div. This is the next best option:
<style>
.multi-column {
column-count: 3; /* Number of columns */
column-gap: 20px; /* Gap between columns */
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="multi-column">
<p>
</p>
</div>
</div>
</div>
</div>
</body>
The point of this code is to split the lg-12 bootstrap column into 3 parts that are all one div, allowing the text to overflow into the next column. I hope this helps even if it uses a little custom css.
发布者：admin，转转请注明出处：http://www.yc00.com/questions/1745264797a4619389.html
评论列表（0条）