Bootstrap "row"類寬度超過問題


問題原因:

       VOORBootstrap門格系統布局,類別col-xs-*身邊有15px的padding,在這樣的元素img我們希望展現的頂部邊緣,這需要col-xs-*式:padding:0px;

如此做后,該類底下若再有row類,會出現該元素寬度超出父元素寬度。


解決方法:

      為后來的row類加入樣式:100%;


演示樣例代碼:

<div class="row">
    <div class="col-xs-12" style="padding:0px;">
        <img src="@Model.ImgPath" style="width:100%;" />
        <div class="row" style="width:100%">
           <div class="col-xs-5 col-xs-offset-1">
		...
           </div>
        </div>
    </div>
</div>




版權聲明:本文博客原創文章,博客,未經同意,不得轉載。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM