javascript - Bootstrap文章风格

标签 javascript twitter-bootstrap responsive-design

我经常想知道是否可以使用 Bootstrap 构建响应式文章而不划分内容。

例如,一开始看起来很简单: enter image description here

基本上它是一行 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/

相关文章:

javascript - Rails 的综合 ajax 页面

javascript - Bootstrap datepicker 数据与 Angular 4 的绑定(bind)不起作用

javascript - Twitter Bootstrap Tabs 在点击时没有改变

python - Heroku Python 应用程序 - CSS 仅在 iPhone 上无法加载

javascript - 如何在响应式设计中禁用此 JS 功能

javascript - jQuery UI Tabs 在选项卡中加载特定链接

c# - 在客户端点击隐藏div

javascript - 在 Bootstrap 3 中实现的 Foundation 4 折叠主导航(又名抽屉)的示例?

javascript - JS脚本需要时间来改变背景颜色

html - wordpress 菜单上的 responsive-nav.js 不起作用