Bootstrap和自定義CSS頂部boxez

Question

我想做可摺疊的頂盒。但不知何故，我沒有成功。我想在鏈接頁面上實現諸如卡片之類的對象。而且在該鏈接引導 卡主題：materializecss.com/cards.html

.card3 { 
 
    padding: 20px; 
 
    position: absolute; 
 
    background-color: #FFF; 
 
    width: 97.5%; 
 
    overflow-y: auto; 
 
    border-radius: 4px; 
 
    height: 92%; 
 
    z-index: 1; 
 
    overflow: hidden; 
 
}

<div class="container"> 
 
    <div class="row"> 
 
     <div class="col-md-12"> 
 
      <div id="card3" class="card3"> 
 
       .......   
 
      </div> 
 
      <div class="panel panel-default"> 
 
       <div class="row"> 
 
        <div class="col-md-6"> 
 
         ...... 
 
        </div> 
 
        <div class="col-md-6"> 
 
         ....... 
 
        </div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

Answer 1

您是否嘗試過的造型其他的div？因爲現在只有其中一個分區具有樣式，而且通常不會以適當樣式的產品結束。

Answer 2

你可以試試這個：

.container 
{ 
    background:gray; 
    padding: 20px; 
} 
.col-md-12 { 
    padding: 10px; 

    background-color: #FFF; 
    width: 97.5%; 
    overflow-y: auto; 
    border-radius: 4px; 
    height: 12%; 
    z-index: 1; 
    overflow: hidden; 

} 
.wrong 
{ 
    float:right; 
    top:0px; 
    margin-top:-70px; 
    cursor:pointer; 
} 

DEMO HERE