爲什麼gridspace在我的動態bootstrap藥片中共享？

Question

在下面的代碼中，由於某些原因，當我切換到「體驗」選項卡時，'home'使用的網格空間在'home'內容被隱藏時使用。我的代碼究竟在哪裏出錯？

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="tab-content"> 
 
    <div id='home' class='class="tab-pane fade in active' style='text-align: center;'> 
 
    <div class='container'> 
 
     <div class='row'> 
 
     <div class='col-xs-8 col-xs-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3'> 
 
      <div class='panel panel-primary' style='text-align: left;'> 
 
      <div class="panel-heading"> 
 
       debug 
 
      </div> 
 

 
      <div class="panel-body"> 
 
       temp 
 
      </div> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 

 

 
    <div id="experience" class="tab-pane fade"> 
 
    test 
 
    </div> 
 
</div>

Answer 1

這裏是你的問題：

<div id='home' >>>>>>class='class="<<<<<tab-pane fade [...] 

在HTML中，你應該使用 「」，而不是 ''，此外。

解決這個問題，它會工作;） http://www.bootply.com/WuGW32sWwn