12 column grid layout

时间:2019-05-09 作者:Smekis

我正在寻找一种方法来创建图片上的网格。一个基于12列的布局,以简单的方式添加文本、图像、视频等Bootstrap way 没有成功。我什么都准备好了。任何人

enter image description hereenter image description here

2 个回复
最合适的回答,由SO网友:Aamer Shahzad 整理而成

根据css框架的不同,您可以使用网格、菜单、列表来创建布局。不应为所有图元使用轴网。

顶部示例logo-menu, 您应该使用row 然后在行内4col 用于徽标和8col 用于菜单。然后创建要使用的菜单ul > li. 使用填充和边距调整间距。

基本结构使用Bootstrap 4,我已经创建了一个基本结构供您理解。请看看这支钢笔https://codepen.io/talentedaamer/pen/qGbRBb

SO网友:twelvell

CSS网格可能是您案例中最有用的解决方案。考虑阅读本文:https://css-tricks.com/snippets/css/complete-guide-grid/

相关推荐

Use of Templates in a Plugin

我正在创建一个插件。为此,我编写了自己的模板。现在我想在我的插件目录中创建模板文件。但这并不管用。由于我使用了插件目录,wordpress doesent知道我的模板是wp templates。让WP知道这些文件是wordpress模板的最佳方式是什么?感谢您的回答:)