Bootstrap 4 栅格系统模板 (BS4 Grid PSD)

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

上月 Bootstrap 官方发布了4.0内测版，优化了很多细节，具体可查看《新版Bootstrap 4 不支持IE8 CSS采用rem和em单位》的报道。

今天我们主要分享新版的 BS4 栅格系统素材，该文件是PSD分层文件，所有图层均友好命名并分层，有了它，设计师们可以更方便的布局以BS框架来架构的网站界面。

该素材除了包含栅格模板外，还包含其它常用元素，如网页头部、 内容区、Footer、并有常用的按钮样式、字体大小以及段落等，这些网页设计元素均可修改。

下载后的PSD是这样的：

这个素材有如下特色：

• 使用2X分辨率设计
• 完全分层并可编辑、修改这个PSD
• BS4栅格模板
• 整齐有组织的PSD文件
• 包含Photoshop字符样式（根据BS4的样式制作，如下图）

字体样式是PS CC版本才拥有，在【窗口 – 字符样式】菜单打开：