Working With Bootstrap 4 Fluid Layout

.container has a max width px value, whereas .container-fluid is max-width 100%.

Bạn đang xem: Working with bootstrap 4 fluid layout

.container-fluid continuously resizes as you change the width of your window/browser by any amount.

Xem thêm: Sự Khác Biệt Của Mercedes Amg Là Gì ? Đặc Điểm Của Các Dòng Xe Mercedes Amg

.container resizes in chunks at several certain widths, controlled by truyền thông media queries (technically we can say it’s “fixed width” because pixels values are specified, but if you stop there, people may get the impression that it can’t change form size – i.e. not responsive sầu.)

When using .container-fluid because the witdh is related khổng lồ the viewport width the display is dynamic

Use .container-fluid when you want your page lớn shapeshift with every little difference in its viewport size.

Use .container when you want your page lớn shapeshift to only 5 kinds of sizes, which are also known as "breakpoints".


vicky1337


#Creative #LoveTechnology #HungerToLearn #ProblemSolver #ApplicationDeveloper#Foodie #GadgetsLover. ======. E-mail:- au-79.net
hotmail.com


Follow
250


1


250 


250 


1


More from vicky1337

Follow
#Creative #LoveTechnology #HungerToLearn #ProblemSolver #ApplicationDeveloper#Foodie #GadgetsLover. ======. E-mail:- au-79.net
hotmail.com


More From au-79.net


Serious Java Programmer on cloud-native sầu stack? Quarkus is here lớn help!


Ram Ravishankar
*

*

Learning Angular: What is a Service?


Jem Zornow
*

*

Bootstrap 5.0- What’s New?


TryCatch Classes
*

How to create Light / Dark mode toggle with CSS và Javascript


Bill Chen

Simple to lớn vì các mục in angular


Yurii Kuznietsov in Weekly Webtips

Understanding Angular Interceptors


Leonarvì Giroto in ITNEXT

How khổng lồ implement Lazy Loading in Angular


Thiago Reis

Personal Portfolio Using Angular 8 and Bootstrap


Mehul Kothari in JavaScript in Plain English
About