我经常想知道是否可以使用 Bootstrap 构建响应式文章而不划分内容。
基本上它是一行 4 列(假设为 col-lg-3)。
您必须将文本分为 4 部分。合法...但我不能要求我的用户分割他们的文本。
这里有一个好的图书馆可以做到这一点吗?
我尝试编写一个 Angular 模块,但我对结果并不满意,因为我计算了我有多少个单词,然后根据屏幕尺寸将其除以 4、3、2、1。
问题是有些单词比其他单词长,并且我最终得到的列比其他单词长。如果您有任何想法,我很高兴听到!
编辑:我做了一个 Angular Directive(指令),在几秒钟内构建响应式文章:Github , Plunkr
<multiple-columns
col-xs="1"
col-sm="2"
col-md="3"
col-lg="4"
justify="true"
text="Lorem ipsum ...">
</multiple-columns>
最佳答案
是的,这可以通过 CSS 轻松完成 - 无需插件!不过,IE 9 不支持它。
参见http://www.w3schools.com/css/css3_multiple_columns.asp
另请务必查看示例:http://www.w3schools.com/css/tryit.asp?filename=trycss3_column-count
关于javascript - Bootstrap文章风格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33417310/