1


i am using latest version of bootstrap and bootswatch united theme , to create and learn a normal website. the website is currently live on this link live site , and there is an embed in right side as you can see. i am using asp.net mvc as view engine but thats just it.

the code for videos page is on jsfiddle http://jsfiddle.net/v3bjzoej/ as SO doesnt allow it because of XSS problems.

<section class="col-lg-6 pull-right">
<div class="embed-responsive embed-responsive-16by9">
    <iframe src="//player.vimeo.com/video/116351996" webkitallowfullscreen mozallowfullscreen allowfullscreen frameborder="0" allowfullscreen></iframe>
</div>
</section>

the same is happening on index page http://jsfiddle.net/pw1zyypf/

i am having troubles with posting complete code on fiddle maybe due to so many mvc objects in it. I know its related to css issues, but a real help will be much appreciated.

4

1 回答 1

2

将此添加col-md-6 col-xs-12 col-sm-6到section有视频的iframe 

<section class="col-lg-6 col-md-6 col-xs-12 col-sm-6 pull-right">
  <div class="embed-responsive embed-responsive-16by9">
    <iframe src=""></iframe>
  </div>
</section>
  • col-sm-6- 适用于小型设备平板电脑（≥768px）（一半）
  • col-md-6- 适用于中型设备台式机（≥992px）（一半）
  • col-xs-12- 超小型设备电话（<768px）（完整）
于 2015-01-11T18:45:54.473 回答