Question

我真的需要帮助将文本列“设计过程中的一个自然部分”放在大型响应视频旁边/似乎只要我将其更改为响应它就不会遵循引导规则。我错过了什么吗？

请帮助我一直试图解决这个问题几个小时，只是想不出来。

   <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/

请帮忙！谢谢！

Answer 1

我使用Chrome开发者工具与您的网站进行了一些游戏。

我认为您遇到的问题是由以下CSS规则引起的：

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

应该是主CSS文件中的第404行。

这会导致视频div（col-md-9）占用超过75％的空间，因为它已移动到页面中心。你可能想找到另一种定位方法，以便为col-md-2腾出空间。

此外，col-md-2中的h1当前不包含任何文本。这是故意的吗？

响应视频不会让文本列保持在同一行

1 个答案: