1 / 10

What is New in Bootstrap 5?

Bootstrap:<br>For developing responsive and mobile-friendly web applications Bootstrap is the most popular framework that is available for free to use in our applications.

StudySection
Télécharger la présentation

What is New in Bootstrap 5?

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 it’s time to explore the most recent version. Bootstrap 5’s alpha version was released recently, and in this blog, I’ll discuss five of its major features.

  3. 1. Grid System is Modified The grid system is one of the framework’s 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. 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.

  6. 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. Let’s 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);}

  7. 5. jQuery is no longer a dependency As a serious change from the previous versions, jQuery isn’t 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 don’t require or use jQuery — like when using Bootstrap with React. You can still use jQuery with Bootstrap if it’s a section of your website. If Bootstrap detects a jQuery error in the window object, it will automatically add all missing components to jQuery’s plugin system. So, if you’re migrating from Bootstrap 4 to Bootstrap 5, you don’t worry about this variation, and you’ll still use jQuery with Bootstrap as necessary.

  8. 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)

  9. 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.

More Related