Bootstrap 制作中心 div 以包含站点

Question

我的网站即将完成 http://csgoshack.com/shop/

我需要做一件事，那就是在屏幕中央放一个白框，这样我就可以看到网站了。

我试图通过在背景图像上使用 Photoshop 将一个白色框 Photoshop 来完成此操作，但没有成功。

我该怎么做？

.whitebg {
width: 1250px;
padding: 10px;
border: 1px solid black;
margin: 0;
background-color:#ffffff;
margin:auto;
position: absolute-center;
top:0;
}

Answer 1

首先，您需要使用 CSS设计您的盒子，并使用 HTML 调用它。

HTML:

<div class="body-content">Insert Lists, Text, and other body content here</div>

CSS:

.body-content {
    width:80%;
    height:80%;
    top:10%;
    position:absolute;
    background-color: white;
    margin-left:auto;
    margin-right:auto;
}

根据您的规格调整宽度、高度、位置和颜色。我不会更改 margin-left 和 right，因为 将 div 居中 （除非您不希望它完全居中）。

希望对您有所帮助！