html - 使 Wordpress 内容跨越 2 列

标签 html css wordpress twitter-bootstrap

我正在使用 Wordpress 和 Bootstrap 3 框架并使用 ...

HTML

<div class="col-md-12">
   <?php the_content(); ?>
</div>

... 将页面内容放在页面上。我想把它放在两列 (col-md-6) 中,内容跨越两列。但不确定该怎么做。

最佳答案

您可以保留具有这种结构的 HTML,添加一个简单的类(可能是 column-2),并使用这种 CSS:

.column-2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

DEMO

了解有关 CSS 列的更多信息 here .

注意:所有现代浏览器(带前缀)和 IE 10+ 均受支持。 See here .

关于html - 使 Wordpress 内容跨越 2 列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31363755/

相关文章:

javascript - 合并或批处理 HTML 解析

html - 我将如何在 CSS3 中制作这个边框?

css - gridview 中的样式悬停效果 - ASP.NET

HTML & CSS 选择左侧边栏子菜单的元素

javascript - 在没有 jQuery.ajax 的情况下在 WordPress 的 XMLHttpRequest 中发送 JSON 的正确方法

css - 使用 css 更改按钮标题

javascript - WordPress:jquery.js 不会移动到页脚

javascript - 地理定位 - 检查某个位置是否属于某个区域

html - 如何从框架集框架内更改浏览器窗口的 URL?

javascript - 列表项上的 onclick 事件