What is New in Bootstrap 5?

1
What is New in Bootstrap 5?

• www.studysection.com

2
Bootstrap

• Bootstrap is the popular framework for making
  responsive application development for the web
  and mobile. Bootstrap includes HTML- and
  CSS-based design templates for typography, forms,
  buttons, tables, navigation, modals, image
  carousels, etc. I will see other libraries that
  were built based on Bootstrap lately. I think
  currently everyone must have worked with
  Bootstrap in your journey as a software
  developer, and now its time to explore the most
  recent version. Bootstrap 5s alpha version was
  released recently, and in this blog, Ill discuss
  five of its major features.

3
1. Grid System is Modified

• The grid system is one of the frameworks main
  attractions, and with the latest Bootstrap
  release, the Bootstrap team has increased its
  grid system capabilities.
• A new extra size (xxl) grid tier has been added
  in Bootstrap 5.

4
2. Updated Input UI in Form Controls

• Bootstrap 5 has improved its form controls, input
  groups, and etc. Bootstrap 4 was using custom
  form controls in addition to the defaults
  provided by each browser. In v5, these are all
  now customized. All the checkboxes, radio
  buttons, switches and more to give them the same
  look and behavior across different browsers.

5
(No Transcript)
6
3. Customizing Docs

• As I discussed at the start, an outsized number
  of libraries are created by extending Bootstrap.
  With the latest, Bootstrap is prepared to support
  extending Bootstrap quite even with the new
  Customization Section.

7
4. Custom CSS Properties

• In the previous Bootstrap, CSS custom properties
  were only included in a limited root variable for
  colors and fonts. But with version 5, they are
  available in components and layout options as
  well. Lets see the example they have provided in
  the documentation
• For Example
• root main-bg-color brown
• .one background-color var(main-bg-color)
• .two background-color black
• .three background-color var(main-bg-color)
• .four background-color var(main-bg-color)
• .five background-color var(main-bg-color)

8
5. jQuery is no longer a dependency

• As a serious change from the previous versions,
  jQuery isnt any longer a dependency of
  Bootstrap. Now, you can use the latest Bootstrap
  in its full brilliance without it, but you still
  need Popper.js. This change makes it easier to
  use Bootstrap5 in projects that dont require or
  use jQuery like when using Bootstrap with
  React. You can still use jQuery with Bootstrap if
  its a section of your website.
• If Bootstrap detects a jQuery error in the window
  object, it will automatically add all missing
  components to jQuerys plugin system. So, if
  youre migrating from Bootstrap 4 to Bootstrap 5,
  you dont worry about this variation, and youll
  still use jQuery with Bootstrap as necessary.

9
Online Bootstrap Certificate Exam

• Bootstrap 4.X Certification Exam (Foundation)
• Bootstrap 4.X Certification Exam (Advanced)
• Bootstrap 4.X Certification Exam (Expert)
• Bootstrap 3.X Certification Exam (Foundation)
• Bootstrap 3.X Certification Exam (Advanced)
• Bootstrap 3.X Certification Exam (Expert)

10
About StudySection

• Welcome to StudySection - the most loved online
  platform for eCertification in several subjects
  including but not limited to Software
  Development, Quality Assurance, Business
  Administration, Project Management, English,
  Aptitude and more. From more than 70 countries
  students are StudySection Certified. If you are
  not yet StudySection certified it's not late. You
  can start right now.
• Being StudySection Certified helps you take your
  education level few notches up and have an edge
  over other candidates when you need it the most.
  Globally, our students are employed in different
  organizations and are utilizing the benefit of
  being certified with us.