bootstrap调整面板/窗体的大小，并放在页面的中心

Question

我想调整我的面板名为“添加产品”，并将其放在我的页面的中心。我的实际HTML代码是这样的：http://www.bootply.com/32VTpb4Nuk。

我使用center-block试图和这个CSS代码：

.vertical-center-row { 
    vertical-align: middle; 
} 

但我想调整它，并把它的中心，这样的形象：https://snag.gy/a7MwDn.jpg

Answer 1

.custom{ 
 
    width:90%; 
 
    margin:0 auto; 
 
    min-width:350px; 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<div class="row "> 
 
<div class="panel panel-default custom" > 
 
    <div class="panel-heading">Add product</div> 
 
     <div class="panel-body"> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

就是这样。

这里是JSFiddle

PS：Chnage你面板宽度根据自己的需要。

希望它有帮助。