I'm Looking for a way to create the grid as on the pictures. A 12 columns based layout with a simple way to add text, images, video etc. etc. Tried the Bootstrap way without success. I’m up for everything. Anyone?
I'm Looking for a way to create the grid as on the pictures. A 12 columns based layout with a simple way to add text, images, video etc. etc. Tried the Bootstrap way without success. I’m up for everything. Anyone?
Share Improve this question edited May 9, 2019 at 9:24 Vishwa 3762 silver badges17 bronze badges asked May 9, 2019 at 0:18 SmekisSmekis 112 bronze badges 3- can you show us how did you tried bootstrap way? you should be able to achieve this with bootstrap. Also this could be better suited in StackOverflow – Vishwa Commented May 9, 2019 at 4:56
- Welcome to WordPress Stack Exchange :-)! We love to help. Unfortunately tutorial requests are out of scope. Please provide and narrowly scoped and detailed question and provide information about what you've tried yourself so far and where exactly you are stuck. Many thanks – norman.lol Commented May 9, 2019 at 10:09
- @Vishwa the problem with Bootstrap was not the code. I could not just find a way to put it in to Wordpress. Followed a tutorial. – Smekis Commented May 9, 2019 at 10:54
2 Answers
Reset to default 0Depending upon the css framework you can use grids, menus, lists to create your layout. You should not use grids for all of your elements.
Example
For the top logo-menu, you should use a row then inside the row 4col for logo and 8col for the menu. And then for creating the menu you will use ul > li. Adjust the spacing with paddings and margins.
Basic Structure using Bootstrap 4
I have created a basic structure for your understanding. Please see this pen https://codepen.io/talentedaamer/pen/qGbRBb
CSS grid might be the most useful solution for your case. Consider reading this article: https://css-tricks/snippets/css/complete-guide-grid/