2016-12-22 5 views
-2

Как вы можете видеть контейнер (коробка с текстом и анимацией), расположен в порядке, второй контейнер расположен под ним, я хочу, чтобы он располагался вертикально вправо. Пожалуйста, помогите мне получить его там!Контейнер не будет правильно размещаться

[https://jsfiddle.net/zwm26j9a/][1] 

извините за массовое количество css. Я пробовал сменить css на несколько часов!

+0

измените ваш вопрос –

+0

https://jsfiddle.net/zwm26j9a/ – digitalhive

+0

вы хотите это два блока в одной строке? –

ответ

0

я думаю, что вы используете старый загрузчик, вам необходимо изменить первую строку <div class="col-md-4 col-sm-12 feature-column"> на <div class="col-md-12 col-sm-12 feature-column"> теперь вы Колум больше, то вам нужно изменить ребенок дивы vc_col-sm-4 на vc_col-sm-3, потому что ваш .vc_col-sm-4 уже 100% width, может быть, что уже сделаны вами, это изменить вашу проблема будет исправлена ​​

+0

Ваш удивительный, большое спасибо! – digitalhive

+0

, пожалуйста, проверьте этот ответ, и в текущей ситуации bootstrap имеет 'col-lg-, col-md, col-sm, col-xs-' для устройств и рабочего стола, и если у вас есть этот класс, используйте медиа-запросы –

+0

, если ответ работает на вас, не забудьте поставить галочку на ответ –

0

изменить ваш CSS здесь:

body .vc_row-fluid .vc_col-sm-4 { 
    width: 48%; // instead of width 100% 
    display: inline-block; 
} 
+0

плохо попробовать, что, благодаря – digitalhive

+0

, которые сделали каждую коробку действительно небольшой, но рядный – digitalhive

+0

@digitalhive это может быть плохой идеей –

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