使用粉底制作盒子容器

Question

我有一个psd，我正在改为css / html / js

该框尺寸为646 * 250，背景为白色/浅灰色边框。它也集中在页面中间。

我已经安装了基础。我对基金会的了解并没有超越 导航栏，网格系统，按钮和表单。我的css技能包括在mozilla开发者指南上查找标签。

这是我用基础包括的css做的事情还是我应该用基础混合？

我应该使用哪些css标签？还是想到？

我编写代码并处理rails应用程序的视图。该框应该以更好的格式显示来自后端的数据。

Answer 1

基础设置旨在简化应用程序中的响应式设计。这不能与必须具有特定尺寸的项目很好地混合。

当屏幕空间小于指定大小时，如果不确切知道您正在构建什么以及它应该如何表现，您可以使用以下内容完成您所描述的内容：

<div class="element">

</div>

.element {
    backround-color:#FFF;
    border:1px solid #CCC;
    height:250px;
    width:646px;
    margin:0 auto;
}