I don't want to go through every single detail of what Bootstrap Grid System can do because there is a lot and as I mentioned in the last part of What is Bootstrap? Why use it? the best way to know a tech in detail is to go through their documentation again and again. However, I do want to share some fundamentals to get a working knowledge of the Grid System. Bootstrap Grid System assumes 12 equal divisions of any screen. So, whatever device you have been using be it a mobile phone, tablet, laptop, or desktop. The total screen width has been split into 12 equal parts. Now, out of these 12 divisions, any number of divisions ranging from 1-12 can be applied to different HTML elements. The higher the number, the more width that particular element takes on the screen. Let's write this simple piece of code:- < div class = "row mt-4 text-center" > < div class = "col-12 border bg-info py-4" > ...
Comments
Post a Comment