2015-07-12 4 views
1

Я использую Wordpress и Bootstrap 3 рамок и с использованием ...сделать Wordpress пядь контента через 2 колонки

HTML

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

... положить содержимое страницы на страницу. Я хочу разместить его в двух столбцах (col-md-6) с содержимым, охватывающим два столбца. но не уверен, как это сделать.

+0

Зависит от того, сколько элементов управления у вас есть при вводе содержимого на панели администратора, вы можете поместить html-теги, если это нормально, т. Е. Оберните содержимое в 2 div и настройте соответствующие классы. В противном случае текущий ответ столбца css может это сделать, но он работает только в определенных браузерах. – Stickers

ответ

1

Вы можете оставить 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.

+0

Мои столбцы заданы с использованием структуры бутстрапа, будет ли это работать с этим? – user3550879

+0

Вы можете проверить [эту статью] (http://www.sitepoint.com/split-wordpress-content-into-multiple-sections/), [этот] (https://wordpress.org/support/topic/ split-the-content-of-the_content) или [этот плагин] (https://wordpress.org/plugins/easy-columns/). Надеюсь, эта помощь;) Но да, вы можете использовать многоколоночное решение CSS с Bootstrap. – lmgonzalves

+1

Ресурсы в комментариях могут быть более полезными, чем ответ Я думаю, хаха +1 – Stickers

Смежные вопросы