Bootstrap artcile风格

Question

我经常在想，是否有可能在不划分内容的情况下使用Bootstrap构建一篇响应式文章。

例如，一开始看起来很简单：

​

基本上，它将是一个包含4列的行(假设为col-lg-3)。

你必须把你的课文分成4部分。合法..。但我不能要求我的用户分割他们的文本。

这里有没有好的库可以做到这一点呢？

我试着写一个angular模块，但我对结果不满意，因为我计算了我有多少个单词，并根据屏幕大小将其除以4，3，2，1。

问题是有些单词比其他单词更长，而我最终得到的列比其他单词更长。如果你有任何想法，我会很高兴听到的！

编辑:我创建了一个angular指令来在几秒钟内构建响应式文章：Github，Plunkr

<multiple-columns col-xs="1" col-sm="2" col-md="3" col-lg="4" justify="true" text="Lorem ipsum ..."> </multiple-columns>

Answer 1

是的，这可以很容易地通过CSS完成-不需要插件！尽管在IE9中不支持它。

请参阅http://www.w3schools.com/css/css3_multiple_columns.asp

还要确保查看示例：http://www.w3schools.com/css/tryit.asp?filename=trycss3_column-count