Bootstrap 和自定义 CSS 顶盒答案

【问题标题】：Bootstrap and custom css top boxezBootstrap 和自定义 CSS 顶盒
【发布时间】：2016-04-24 20:58:38
【问题描述】：

我想做可折叠的顶盒。但不知何故我没有成功。我想让链接页面上的卡片等对象具体化。而且还引导此链接的卡片主题：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>

【问题讨论】：

您好，这可能会有所帮助 --> jsfiddle.net/8be3kfmu

标签： javascript jquery html css twitter-bootstrap-3

【解决方案1】：

你可以试试这个：

 .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

【讨论】：

【解决方案2】：

您是否尝试过为其他 div 设置样式？因为现在只有一个 div 有样式，而这通常不会得到正确样式的产品。

【讨论】：