Create Bootstrap 4 Grid in Photoshop → along with Baseline Grid



https://i.ytimg.com/vi/DviuLDxpGzk/hqdefault.jpg



In this Video, you will learn how to create and design Bootstrap 4 Grid for Web Design in Photoshop along with how to create a baseline grid on top of Bootstrap 12 column grid
Build the Bootstrap Grid using Photoshop Grid Layout feature. You don’t need any extra plugin for that

I teach about UI UX Design to more than 25K students
All UI UX Design and Freelancing Courses $10 discount link

Typography for Designers & Developers – Don’t suck at design (video course)
http://bit.ly/typographycourse

UI Design with Photoshop course
http://bit.ly/uidesigncours

Workflow of Modern Web Design – From Sketching, Style Guide, Wireframes and Prototype
http://bit.ly/workflow10

Design Launcher App icons for IOS and Android Devices
http://bit.ly/icondesign10

Ultimate Freelancing guide for Designers and Developers
http://bit.ly/freelanceahsan

UX Design for Beginners – Design User Friendly experiences
http://bit.ly/uxbegin11

———————————————————
Facebook Page→ https://www.facebook.com/learnuxid
———————————————————
Website Link → http://learnuxid.com

Original source


3 responses to “Create Bootstrap 4 Grid in Photoshop → along with Baseline Grid”

  1. Hello,

    i watched your typography course in that you created baseline with: base font * line-height. We created a new file and had width 100px and height ex: 27px and then we used the line tool to create a line of 1px height and width of 100%.

    How come in this example you are creating 48px height and then having a 24px box? Shouldnt it be 1px height like in all your other examples?

    Please explain why it isnt 1px line and how you came to 48px conclusion..

    Thank you.

Leave a Reply