Bootstrap 4 Page sizes for UI designers grid system in xd(web designing full course in hindi)Part #4



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



Bootstrap 4 for UI designers: This video is especially for UI designers who want to learn how to create designs according to bootstrap 4 in Hindi. Nothing is related to codes or front end developers in this video.

You will see how to use my already created bootstrap grid templates in the XD file with various common artboard sizes that most designers use. You will just copy your desired artboard size and copy it to your project and start creating.

Bootstrap 4 is a powerful framework that allows designers and front-end developers to create responsive designs quickly with the help of its readymade classes and codes. As a UI designer, you must have to follow their simples rules that is 12 column layout system so that front end person can easily convert your designs into HTML, CSS.

************************
Here are a few links to downloading stuff about which mentioned in this video:
Learn about Bootstrap 4 grid system:
https://getbootstrap.com/docs/4.0/layout/grid/

Bootstrap 4 introduction:
https://getbootstrap.com/docs/4.0/getting-started/introduction/

Download UI kit for Bootstrap 4 free:
https://xdresources.co/resources/bootstrap-4-ui

Download bootstrap 4 grid XD template for free:
http://bit.ly/2GN5x8Z

Check bootstrap 4 example designs:
https://getbootstrap.com/docs/4.0/examples/
************************
Share this link to invite your friends to the WhatsApp group:
https://chat.whatsapp.com/CyaiArAK4Fm6kMInklj9A9

Check my other videos for details on XD features:
Repeat Grid feature:

Plugins:

Shapes and Text:

Assets Feature explained:

Basics:

——————————-

http://sunilkargwal.com/

Link to download Adobe Creative Cloud app to install all apps:
https://www.adobe.com/in/creativecloud/desktop-app.html

Link to download Adobe XD:
https://www.adobe.com/in/products/xd.html

मेरी profiles ग्राफ़िक्स की websites पर:
Dribbble: https://dribbble.com/sunilkargwal
FB page: https://www.facebook.com/graphicsguru/
Behance: https://www.behance.net/sunilkargwal
Blog: https://sunilkargwal.blogspot.in/

#Bootstrap4 #uidesigninginhindi #LearnAdobeXD

Original source


39 responses to “Bootstrap 4 Page sizes for UI designers grid system in xd(web designing full course in hindi)Part #4”

  1. Sir great…. bht acha smjh aya… Sir aik chez shyd miss hogai wo ye k artboard k oper or nechy kitna margen dena… left right or between ka gap to achy se smjh agya h… waiting for your reply

  2. Hello sir, you are amazing and unbelievable. Your passions and work are inspire me to be active for the working and learning. And your videos are too good and easy to learn even beginners baddies. Please make a complete video on bootstrap 4 base admin panel.

Leave a Reply