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

Question

我想调整名为＆＃34的面板的大小;添加产品＆＃34;并把它放在我的页面的中心。我的实际HTML代码是：http://www.bootply.com/32VTpb4Nuk。

我已尝试使用AddRange和此css代码：

center-block

但我想调整它并将其放在中心，如下图所示：https://snag.gy/a7MwDn.jpg

Answer 1

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

像这样。

这是JSFiddle

PS：根据您的需要选择面板宽度。

希望它有所帮助。