отзывчивое видео не позволяет текстовому столбцу оставаться в одной строке

Question

отзывчивое видео не позволяет текстовому столбцу оставаться в одной строке

0

Мне действительно нужна помощь, чтобы поместить текстовый столбец "Естественная часть вашего процесса проектирования" рядом с большим отзывчивым видео. Кажется, как только я изменил его, чтобы быть отзывчивым, он не придерживается правил загрузки. Я что-то упускаю?

Пожалуйста, помогите, я пытаюсь исправить это в течение нескольких часов, просто не могу понять это.

   <div class="row featurette">

      <div class="col-md-9">
          <div id="lightGallery" class="video flex-video widescreen">
            <iframe src="http://player.vimeo.com/video/93043225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

          </div>
           <div class="col-md-2 pull-right">
                  <h1 id="subhead" class="subhead2"> A natural part of your design process.</h1>
          </div>
      </div>   
    </div>

вот скрипка, она очень сильно отличается от того, что у меня есть. Я не уверен, как это исправить...: http://jsfiddle.net/NotJavascriptFriendly/2rTcv/

Пожалуйста помоги! Спасибо!

NotJavascriptFriendly 27 апр. 2014, в 07:04

Источник

0

Когда вы говорите «это выглядит совсем не так, как у меня», вы имеете в виду, что он выглядит очень иначе, чем веб-сайт в его текущем состоянии? Если вы разместите ссылку на сайт, я могу посмотреть.
Luke 27 апр. 2014, в 07:09
0

Привет! вот сайт: stepaway.co.uk Не уверен, почему верхний белый логотип ведет себя странно в начале загрузки.
NotJavascriptFriendly 27 апр. 2014, в 15:06

Теги:

html

css

video

1 ответ

Ещё вопросы

Когда вы говорите «это выглядит совсем не так, как у меня», вы имеете в виду, что он выглядит очень иначе, чем веб-сайт в его текущем состоянии? Если вы разместите ссылку на сайт, я могу посмотреть.
Привет! вот сайт: stepaway.co.uk Не уверен, почему верхний белый логотип ведет себя странно в начале загрузки.

Luke · Answer 1 · 2014-05-01T11-18-00.000Z

У меня была небольшая игра с вашим сайтом с помощью инструментов разработчика Chrome.

Я думаю, что проблема, с которой вы столкнулись, вызвана следующим правилом CSS:

media="screen"
.video {
    margin-left: 20%
}

Должна быть строка 404 в вашем основном файле CSS.

Это приводит к тому, что видео-div (col-md-9) занимает больше места, чем на 75%, когда он перемещается в центр страницы. Возможно, вам захочется найти другой способ позиционирования, чтобы освободить место для col-md-2.

Кроме того, ваш h1 в col-md-2 в настоящее время не содержит текста. Это намеренно?