好的,我已經嘗試過所有我能想到的margin:0 auto;保證金左:自動;自動保證金。我試過bootstrap中的'center'標籤。文字中心不會影響內容。我試過它可能在所有級別的div和元素。我似乎無法讓黨的事情爲中心。使用MVC5將Video.js用於Bootstrap 3上的視頻。無法將Video.js視頻集中在Bootstrap Carousel中
HTML
對於代碼將無法呈現的一些原因之一,所以這裏不可見頂部的圖像。
html_snip http://www.educatetograduateinc.com/Content/img/E2G_Html_Snip.jpg
WORD從街道
<div class="br-hr type_short"> <span class="br-hr-h">
<i class="icon-pencil"></i>
</span>
</div>
<div class="carousel carousel-fade slide carousel-featuredwork center" id="carousel-testimonials" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-testimonials" data-slide-to="0" class="active"></li>
<li data-target="#carousel-testimonials" data-slide-to="1" class=""></li>
<li data-target="#carousel-testimonials" data-slide-to="2" class=""></li>
</ol>
<div class="carousel-inner" style="margin-top:-20px;">
<div class="item active" style="overflow:visible;padding:0 0 0 0;">
<div class="videoUiWrapper thumbnail">
<video width="640" height="480" id="demo1" poster="http://educatetograduateinc.com/Content/img/E2G_Video_poster.jpg">
<source src="http://educatetograduateinc.com/Content/video/E2G_Video_Debt_rev2.mp4" type="video/mp4">
<source src="http://educatetograduateinc.com/Content/video/E2G_Video_Debt_rev2.ogv" type="video/ogg">
<source src="http://educatetograduateinc.com/Content/video/E2G_Video_Debt_rev2.webm" type='video/webm' />Your browser does not support the video tag.</video>
</div>
</div>
<div class="item" style="overflow:visible;padding:0 0 0 0;">
<div class="videoUiWrapper thumbnail">
<video width="640" height="480" id="demo2" poster="http://educatetograduateinc.com/Content/img/E2G_Video_poster.jpg">
<source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lotto_rev2.mp4" type="video/mp4">
<source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lotto_rev2.ogv" type="video/ogg">
<source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lotto_rev2.webm" type='video/webm' />Your browser does not support the video tag.</video>
</div>
</div>
<div class="item" style="overflow:visible;padding:0 0 0 0;">
<div class="videoUiWrapper thumbnail">
<video width="640" height="480" id="demo3" poster="http://educatetograduateinc.com/Content/img/E2G_Video_poster.jpg">
<source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lawyer_rev4.mp4" type="video/mp4">
<source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lawyer_rev4.ogv" type="video/ogg">
<source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lawyer_rev4.webm" type='video/webm' />Your browser does not support the video tag.</video>
</div>
</div>
</div>
<!-- /.carousel-inner -->
</div>
</div>
</div>
這裏是在野外轉盤的圖象..
html_snip http://www.educatetograduateinc.com/Content/img/E2G_WebShot.jpg
我也有一個小提琴... http://jsfiddle.net/6B59S/12/
任何幫助將不勝感激。
THX
這似乎不適用於實際的應用程序。看到這裏,我上傳了你的編輯以及下面的編輯。 http://educatetograduateinc.com/ – CSSHell
更改默認的CSS:.videoUiWrapper.thumbnail { float:left; }變成:.videoUiWrapper.thumbnail { float:none; } –