NEW FEATURES OF BOOTSTRAP v5.0



NEW FEATURES OF BOOTSTRAP v5.0

What is Bootstrap?

Bootstrap is originally a blend of CSS and JavaScript code that you can use to create dynamic websites. It is an efficient tool for front-end design that consists of HTML and CSS design templates. These include components like forms, buttons, navigations, modals, typography, and other interface elements.

Everyone knows that updated versions would have slight changes or might have additional features. Same to that, Bootstrap v5.0 also has some changes and additional features.

So let’s start uncovering what’s changed in Bootstrap v5.0.

Drop for jQuery Support:

The end of jQuery support is especially meant to reduce the source file size and improve the loading times. As JS based languages are at their peak these days, jQuery has lost its popularity. And moreover Developers are using virtual DOM, instead of DOM directly.

Enhanced JavaScript:

While Bootstrap drops support for jQuery, Bootstrap5 creators show much interest in enhancing the JavaScript features. These features include update to popper 2, revamped dropdown, popover and tooltip placement.

CSS Custom properties:

CSS custom properties(variables) can be used. These properties make CSS more flexible and programmable. To avoid inconvenience in declaring custom variables, Bootstrap variables are prefixed with ‘-bs’.

Improved Grid System:

The Bootstrap Grid system has extended their support to six different breakpoints. The six different bootstrap grid tiers are

Extra small - xs  (<576px)

Small - sm (>= 576px)

Medium - md (>=768px)

Large - lg (>=992px)

Extra large - xl (>=1200px)

Extra Extra large - xxl (>=1400px)

RTL support:

Bootstrap has finally introduced RTL support for languages that read from right to left. For this, they have made complete documentation for the RTLCSS framework.

Improved Documentation:

Documentation has been enhanced with more information especially when it comes to customization. A common problem was that with many sites that use Bootstrap, we could immediately identify that it was using Bootstrap. Bootstrap 5 now comes with a new look and feel, and with better customization.

New Offcanvas component:

Among the new features of Bootstrap 5 is also the new offcanvas component that includes a configurable backdrop, body scroll, and placement. The new element includes Bootstrap chevron icons to show the clickability and state. Developers can position this type of component at the top, bottom, left, or right of the viewport.

New Accordion component:

There is also a new accordion component to replace the  .card accordion component. Since it has a Collapse JavaScript Plugin, we can make expand and collapse easily.

Thanks for readingšŸ¤….. To get along with our posts, please do support SpotterSky.


Comments

Post a Comment

Popular posts from this blog

MULTIMEDIA

Image
  These days, most of us carry a fully functional multimedia studio around in our smartphones says Austin Kleon . We people  really wanted to engage with our own generation, one that is increasingly speaking in an audio/video multimedia language.  Multimedia is an effective way to communicate and share the ideas with users. W hat is multimedia??.... In what ways are they used ??.. Well, The proper definition of multimedi a is a computerized method of presenting information combining text, audio, video, graphics and animation . As the name suggests it is the combination of multi and media that different types of hardware and software tools  are used for communication of information. Let us see some examples related to multimedia from the bricks to the brains; ·         The text we see in books, newspapers or any means of media ·         The sound we hear when we listen to music ·         The graphics we see in science fiction movies ·         Ads placed in newspapers by busi
Read more

Exploring The Hidden Internet

Image
What is the internet to us? Facebook, Instagram, Twitter, Youtube, Amazon, Flipkart, and many more websites, That's it? Well, no! The most fascinating and shocking fact is that the internet we use each day is just 4%. In this article, we are going to learn about the mysterious side of the internet.  Curious? Let's head on to our topic. Introduction The Internet is a vast network that connects all the computers across the globe which enables people to share information as well. The internet pieces of information are broadly classified into three types : Surface Web Deep Web Dark Web Surface VS Deep VS Dark Web Let's imagine the internet like a glacier. As we know the visible part of the glacier is small but the non-visible parts of the glacier under it are too deep. SURFACE WEB: The surface Web is often compared to the top of the glacier which is small, visible, and can be accessed easily. In other words, the Surface Web is simply the internet we use in our daily life. The s
Read more

SKINPUT TECHNOLOGY

Image
Touch screens may be popular both in science fiction and real life as the symbol of next-gen technology, but an innovation called Skinput suggests the true interface of the future might be us “Skinput” turns body into touch screen interface. The founders of this great technology  is Microsoft and Carnegie Mellon University. By the way, what do skinput technology mean?....           Skinput is a technology that appropriates human body for acoustic transmission, enabling the skin to be utilized as an input surface.           This technology allows human hand and arm as touch screens, by sensing various low-frequency vibrations and sounds that are generated by touching different part of the hand or arm.           These signals are sensed using various sensors worn on the arm in the form of arm band. "The arm band is a crude prototype, the next generation could be made considerably smaller – likely easily fitting into a wristwatch." From there it's fairly simple to
Read more