使用Twitter Bootstrap和Jquery的Div Row填充問題

目前我有一個由Bootstrapped divs構建的表格。我有一個嵌套的行，我正在使用slideToggle（）來隱藏和查看用戶單擊父div。使用Twitter Bootstrap和Jquery的Div Row填充問題

對於孩子div的填充似乎使用Chrome很有趣。當我點擊孩子顯示的父div時，當它完成動畫時，它會回覆約15px。

我有一種感覺，它可以是鉻的東西，因爲它在jsfiddle中沒有任何問題。

這裏是我的代碼綱要：

<div class="container"> 
    <div class="row standardRow hoverdiv"> 

        ITEM4 

       <div class="row moreInfo hoverdiv"> 
        <div class="col-md-12 moreInfo"> 
          blahblahblahblahblahblahblahblah 
        </div> 
       </div> 
    </div> 
</div> 


.standardRow { 
     padding-bottom:10px; 
     padding-top:10px; 
     border-bottom:1px groove 
    } 

    .moreInfo { 
     padding-top:10px; 
    }

您可以在http://jsfiddle.net/FXBeL/4/看到我的代碼。它看起來很好看，但在我用chrome測試代碼時沒有。

來源

2014-02-27 Johnrad

看看這個：http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 – gerl

對html使用此結構。我認爲這將有助於你...

<div class="container"> 
    <div class="row standardRow hoverdiv"> 
     <div class="col-lg-12">ITEM4 
     <div class="row"> 
      <div class="col-lg-12 col-md-12 moreInfo"> blahblahblahblahblahblahblahblah </div> 
     </div> 
     </div> 
    </div> 
    </div>

來源

2014-02-28 12:13:06 Abhineet

使用Twitter Bootstrap和Jquery的Div Row填充問題

回答

相關問題