<div>
<blockquote><h2>What's the best way to make a Bootstrap 5 website compatible with IE and other old browsers</h2></blockquote><br>The best way is to <strong>NOT</strong> use Bootstrap 5. Straightforward, because there's certain css features not available on older browsers engine, since Bootstrap 5 is no longer compatible with older browsers this change was made out of the fact that most world's population is on a modern browser.
</div>


Principal Software Engineer

Dr. Klahn

<div>
Hey there,<br />
<br />
The simple answer is ... don't.<br />
<br />
If you want to use new features and technologies, then don't try and support dead browsers, and if you absolutely must support dead browsers (not recommended), then don't try and use new features and technologies.<br />
<br />
That may sound a little flippant, but it's meant in all seriousness. IE has already passed EndOfLife and even Microsoft recommend you don't use it. Trying to polyfill IE with many new features will be a nightmare, if not impossible. Unless you've got a very niche clientele it's highly unlikely they'll be using IE - at the last check the coverage of IE as a browser is around 0.7%
</div>


Self-Employed

Jonathan D.

mike99c

<div>
<blockquote>
I do not support IE, Edge 
</blockquote>
<br />
Edge is a modern browser, and now has more market share than Firefox. Seems odd to not support it ;)
</div>


<div>
<a href="https://www.experts-exchange.com/members/lenamtl.html" rel="ugc">lenamtl</a>, thanks for your response but surely you DO support Edge as this is a modern browser? I understand that Edge uses Chromium so surely if you support Google Chrome you should also support Edge.
</div>


<div>
Edge is supported by Bootstrap 5:<br><a href="https://getbootstrap.com/docs/5.0/getting-started/browsers-devices/" rel="ugc">https://getbootstrap.com/docs/5.0/getting-started/browsers-devices/</a><br><br>But as stated by Bootstrap team: "Internet Explorer is not supported.&nbsp;<strong>If you require Internet Explorer support, please use Bootstrap v4</strong> "<br><br>Hope the above will help clarify things for you.
</div>


<div>
Hi,<br>The question is more about IE and old browser<br>When I say not support Edge or old browser I mean I do not give user support, especially for web application.<br>Edge usually display fine but I would not spend time to make it working the same as other browser, I did the same for IE.<br><br>You can use tools to check browser compatibilities if you have the time and some budget<br>I do prefer Browserstack...<br><br>&nbsp;<a href="https://www.browserstack.com/" rel="ugc">https://www.browserstack.com/</a><br>or<br>&nbsp;<a href="https://saucelabs.com/" rel="ugc">https://saucelabs.com/</a><br><br>Like I have mentionned previously check &nbsp;Boostrap 5 recommendation and browser compatibilities are displayed on their website<br><a href="https://getbootstrap.com/docs/5.0/getting-started/browsers-devices/#supported-browsers" rel="ugc">https://getbootstrap.com/docs/5.0/getting-started/browsers-devices/#supported-browsers</a>&nbsp;<br>If this is not meeting your needs use Bootstrap 4 for now
</div>


<div>
<div class="content wysiwyg-content fr-view">
I'm starting to build websites using Bootstrap 5 and will be using the WebP image format. I understand Bootstrap 5 has stopped support for Internet Explorer. I would like advice on the best feature detection and polyfill applications to use to ensure my websites gracefully degrade on IE and other older browsers.<br><br>My main requirement is to detect WebP support and deliver other image formats if there is no support. What other features should I detect to ensure my Bootstrap 5 website doesn't break completely?
</div>
</div>



I'm starting to build websites using Bootstrap 5 and will be using the WebP image format. I understand Bootstrap 5 has stopped support for Internet Explorer. I would like advice on the best feature detection and polyfill applications to use to ensure my websites gracefully degrade on IE and other older browsers.
My main requirement is to detect WebP support and deliver other image formats if there is no support. What other features should I detect to ensure my Bootstrap 5 website doesn't break completely?

What's the best way to make a Bootstrap 5 website compatible with IE and other old browsers

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

HTML 5

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.