SPECIAL OFFER: Only $69 for access to everything in OSTraining for 1 year! You save $75!  1
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!

Bootstrap grids

6 years 1 month ago #116779 by ahmedsiddiq
Bootstrap grids was created by ahmedsiddiq
Hi

I came across following in my css file.

@media (min-width: 768px) {
.container {
width: 750px;
}
@media (min-width: 992px) {
.container {
width: 970px;
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}

Correct me if I am wrong , I understand that each @media (min-width: xyz) refers to screen of a device , such as laptop, tablets & phone screens, if yes, which do the following refer to ?

@media (min-width: 768px)
@media (min-width: 992px)
@media (min-width: 1200px)


I am using a HP EliteBook 8440p , how can I calculate its screen width as in px ? & which one of the above mentioned @media (min-width) is applicable in case of my laptop?

kindly guide, please.

regards
Ahmed

Please Log in to join the conversation.

6 years 1 month ago #116783 by ahmedsiddiq
Replied by ahmedsiddiq on topic Bootstrap grids
reference to the following image , I assume my container width is 1170px ?



regards
Ahmed

This message has an attachment image.
Please log in or register to see it.

Please Log in to join the conversation.

6 years 1 month ago #116805 by anderson
Replied by anderson on topic Bootstrap grids
Hi ahmedsiddiq,

Yes, you are correct. Your notebook has a 14in screen if I'm not mistaken. So it will probably support a resolution with total width of 1200px. So it matches the min-width: 1200px, which set your container's width t- 1170px.

But it is not directly related to the physical size of the screen, but to the resolution you are using on it. That resolution depends more of a combination between the video adapter and the screen.
Related to devices, you will find multiple examples sharing the same screen size. Here is a good source for you:

viewportsizes.com/
mydevice.io/devices/

I hope you find this helpful. Let us know if you have any other question.

Kind regards,

Anderson

Anderson Grüdtner Martins
Developer

Please Log in to join the conversation.

6 years 1 month ago - 6 years 1 month ago #116847 by ahmedsiddiq
Replied by ahmedsiddiq on topic Bootstrap grids
Thanks a lot Anderson :-)

regards
Ahmed

Please Log in to join the conversation.

6 years 1 month ago #116858 by steve
Replied by steve on topic Bootstrap grids
Great, thanks Ahmed. Let us know if we can help more on this.

Please Log in to join the conversation.

Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!