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

时间:2016-11-04 19:06:03

标签: twitter-bootstrap twitter-bootstrap-3

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

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

center-block

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

1 个答案:

答案 0 :(得分:0)



.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>
&#13;
&#13;
&#13;

像这样。

这是JSFiddle

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

希望它有所帮助。