Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 需要两列文章在WordPress与引导。_Html_Css_Wordpress_Twitter Bootstrap - Fatal编程技术网

Html 需要两列文章在WordPress与引导。

Html 需要两列文章在WordPress与引导。,html,css,wordpress,twitter-bootstrap,Html,Css,Wordpress,Twitter Bootstrap,我正在为一个客户创建一个内部网站,它的工作原理类似于Facebook/twitter类型的提要。但是,使用引导网格将页面分为三列 其中一列是navagation的侧栏,但其他两列应按以下顺序填充帖子 1 2 3 4 5 6 Show more... 我正在努力让wordpress的帖子跨越这些专栏 我现在把每一篇文章都放在一个文件夹里,但这只是把所有的div都叠起来,我在更大的帖子之间有一个很大的空间 以下是内容当前的显示方式 这就是我想要的 非常感谢你的帮助 在文章中循环两次,第

我正在为一个客户创建一个内部网站,它的工作原理类似于Facebook/twitter类型的提要。但是,使用引导网格将页面分为三列

其中一列是navagation的侧栏,但其他两列应按以下顺序填充帖子

1  2
3  4
5  6

Show more...
我正在努力让wordpress的帖子跨越这些专栏

我现在把每一篇文章都放在一个文件夹里,但这只是把所有的div都叠起来,我在更大的帖子之间有一个很大的空间

以下是内容当前的显示方式

这就是我想要的


非常感谢你的帮助

在文章中循环两次,第一次呈现第一列,第二次呈现第二列,怎么样。第一次丢弃偶数编号的帖子,第二次丢弃奇数编号的帖子。然后,您可以一次构建一个列,而不是一次构建一行,并按照如下方式构造HTML-

<div class="row">
    <div class="col-md-6">
        <?php // loop through posts discarding evens ?>
    </div>
    <div class="col-md-6">
        <?php // loop through posts discarding odds ?>
    </div>
</div>


您可以查看一下
CSS3
列,但我认为您无法获得所需的顺序-。或者使用
Javascript
解决方案,比如
massy
,您必须向我们展示代码,否则我们无法提供帮助。你想要的结果其实并不容易实现,它需要一些php工作(不仅仅是html/css),或者某种javascript解决方案(这不是最好的方法)。Nick,谢谢你的建议,我以前从未尝试过CSS3 cols,但我会尝试一下!干杯