引導COL-XS-12比設備大的寬度

-1

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-xs-12" align="center"> 
      <video autoplay muted> 
       <source src="localVideoLink.mp4" type="video/mp4"> 
      </video> 
     </div> 
    </div> 
</div>

的問題是，該視頻是大於屏幕，並且當窗口大小它不會自動縮放。

來源

2017-02-21 user7581940

刪除'row'類 –

對視頻 – ZimSystem

使用[響應嵌入]（http://getbootstrap.com/components/#responsive-embed），您必須將css添加到視頻中，只需將其放入col-Xs- 12不調整它 –

您可以嘗試使用

寬度：100％;

用於您的款式中的視頻標籤。

來源

2017-02-21 14:39:58

謝謝！你是一個天才 – user7581940

爲什麼downvote？ – user7581940

我不知道誰做了downvote！但這是正確的答案，並且適用於任何解決方案。 –

這裏的解決方案類：嵌入響應項目

.row { 
 
background: red; 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<div class="container-fluid"> 
 
    <div class="row"> 
 
     <div class="col-xs-12" > 
 
      <div align="center" class="embed-responsive embed-responsive-16by9"> 
 
       <video autoplay loop class="embed-responsive-item"> 
 
        <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4"> 
 
       </video> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

來源

2017-02-21 14:46:05 MKAD

利用embed-responsive

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-xs-12 embed-responsive" align="center"> 
 
     <video class="embed-responsive-item" autoplay muted> 
 
       <source src="localVideoLink.mp4" type="video/mp4"> 
 
      </video> 
 
    </div> 
 
    </div> 
 
</div>

來源

2017-02-21 14:46:19 Sankar

您給COL-XS-12將用於桌面分辨率只工作，如果你希望視頻響應，你必須給爲假設

COL-XS-12

設備分辨率COL-LG -12

COL-MD-12

爲每個屏幕分辨率有一些預定義的尺寸，以便使用

Bootstrap col--

來源

2017-02-21 14:47:57

引導COL-XS-12比設備大的寬度

回答

相關問題