Блоки видео с контакта выстраиваются по вертикали

@Coolfreeze · Регистрация: 21.02.2016

Студворк — интернет-сервис помощи студентам

Всем доброго вечера! В контакте в нашей группе взял код видео и вставил все это добро на наш сайт, как тест создал три одинаковых блока с одинаковым содержимым, планируя в дальнейшем другие видео грузить, но все блоки выстроились в ряд по вертикали http://skmedved.club/video/
вот часть кода страницы

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
<div class="container">
   <div class="row">
      <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
          <div class="video-skmedved">
<div id="vk_post_18566432_464"></div><script type="text/javascript">  (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//vk.com/js/api/openapi.js?136"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'vk_openapi_js'));  (function() {    if (!window.VK || !VK.Widgets || !VK.Widgets.Post || !VK.Widgets.Post("vk_post_18566432_464", 18566432, 464, 'f_UTTTRgRbKVIEuUxC97rTNGTJ4', {width: 360})) setTimeout(arguments.callee, 50);  }());</script>
          </div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
          <div class="video-skmedved">
<div id="vk_post_18566432_464"></div><script type="text/javascript">  (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//vk.com/js/api/openapi.js?136"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'vk_openapi_js'));  (function() {    if (!window.VK || !VK.Widgets || !VK.Widgets.Post || !VK.Widgets.Post("vk_post_18566432_464", 18566432, 464, 'f_UTTTRgRbKVIEuUxC97rTNGTJ4', {width: 360})) setTimeout(arguments.callee, 50);  }());</script>
          </div>
      </div>

все закрыл </div>, подскажите пожалуйста что не так.

@Hoseinrike · 14.12.2016, 19:26

Coolfreeze, я так понял ты bootstrap используешь - в нём часто такое бывает, если классы не правильно использовать. Попробуй каждое видео в row закрыть или классы col - поправь. Там их многовато, порой достаточно 1-2. Попробуй сначала оставить только col-lg-4, если получится, поменяй цифры, поставь 3 вместо 4 или вообще класс другой

@Coolfreeze · 14.12.2016, 19:34 **[ТС]**

Hoseinrike, бесполезно.

@Hoseinrike · 14.12.2016, 22:48

Coolfreeze, попробуйте к классу row или video-skmedved добавить значение display: inline - естественно в bootstrap. Просто, если это значение не указывается обычно в каждом диве действует перенос строк по типу тега <p>. Если так не поможет, советую поставить firebug На фаерфокс и там уже по элементам мониторить какой из стилей даёт такое отображение. Просто других вариантов тогда, кроме как дотошно изучать код - нет

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@Hoseinrike 0 / 0 / 0 Регистрация: 08.05.2016 Сообщений: 34
	14.12.2016, 19:26
	Coolfreeze, я так понял ты bootstrap используешь - в нём часто такое бывает, если классы не правильно использовать. Попробуй каждое видео в row закрыть или классы col - поправь. Там их многовато, порой достаточно 1-2. Попробуй сначала оставить только col-lg-4, если получится, поменяй цифры, поставь 3 вместо 4 или вообще класс другой 0

@Coolfreeze 3 / 3 / 4 Регистрация: 21.02.2016 Сообщений: 207
	14.12.2016, 19:34 [ТС]
	Hoseinrike, бесполезно. 0

@Hoseinrike 0 / 0 / 0 Регистрация: 08.05.2016 Сообщений: 34
	14.12.2016, 22:48
	Coolfreeze, попробуйте к классу row или video-skmedved добавить значение display: inline - естественно в bootstrap. Просто, если это значение не указывается обычно в каждом диве действует перенос строк по типу тега <p>. Если так не поможет, советую поставить firebug На фаерфокс и там уже по элементам мониторить какой из стилей даёт такое отображение. Просто других вариантов тогда, кроме как дотошно изучать код - нет 0