GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → coliff → Bootstrap Ie7

coliff / Bootstrap Ie7

Licence: mit
Bootstrap 3 CSS for IE7

Labels

cssbootstrappolyfill

Projects that are alternatives of or similar to Bootstrap Ie7

Bootstrap Ie8
Bootstrap 4 for IE8 and IE9
Stars: ✭ 278 (-51.9%)
Mutual labels:  polyfill, bootstrap
Bootstrap Ie11
Internet Explorer 11 compatibility solution for Bootstrap 5
Stars: ✭ 47 (-91.87%)
Mutual labels:  polyfill, bootstrap
Undom
🍩 1kb minimally viable DOM Document implementation
Stars: ✭ 496 (-14.19%)
Mutual labels:  polyfill
Webassemblyjs
Toolchain for WebAssembly
Stars: ✭ 566 (-2.08%)
Mutual labels:  polyfill
Resize Observer
Polyfills the ResizeObserver API.
Stars: ✭ 540 (-6.57%)
Mutual labels:  polyfill
React Typescript Web Extension Starter
🖥 A Web Extension starter kit built with React, TypeScript, SCSS, Storybook, Jest, EsLint, Prettier, Webpack and Bootstrap. Supports Google Chrome + Mozilla Firefox + Brave Browser 🔥
Stars: ✭ 510 (-11.76%)
Mutual labels:  bootstrap
Angular Ui Notification
Angular.js service providing simple notifications using Bootstrap 3 styles with css transitions for animating
Stars: ✭ 549 (-5.02%)
Mutual labels:  bootstrap
Object Fit Polyfill
A Javascript polyfill for browsers that don't support the object-fit CSS property.
Stars: ✭ 493 (-14.71%)
Mutual labels:  polyfill
Unfetch
🐕 Bare minimum 500b fetch polyfill.
Stars: ✭ 5,239 (+806.4%)
Mutual labels:  polyfill
Laravel Vue Pagination
A Vue.js pagination component for Laravel paginators that works with Bootstrap
Stars: ✭ 541 (-6.4%)
Mutual labels:  bootstrap
Rest Admin
Restful Admin Dashboard Based on Vue and Boostrap 4
Stars: ✭ 565 (-2.25%)
Mutual labels:  bootstrap
Sveltestrap
Bootstrap 4 components for Svelte
Stars: ✭ 536 (-7.27%)
Mutual labels:  bootstrap
Fontawesome Iconpicker
Font Awesome Icon Picker component for Bootstrap.
Stars: ✭ 519 (-10.21%)
Mutual labels:  bootstrap
Bootplus
Sleek, intuitive, and powerful Google styled front-end framework for faster and easier web development
Stars: ✭ 557 (-3.63%)
Mutual labels:  bootstrap
Shop
基于Spring-boot和bootstrap搭建的商城系统
Stars: ✭ 506 (-12.46%)
Mutual labels:  bootstrap
Gray
Make an image grayscale in all browsers
Stars: ✭ 568 (-1.73%)
Mutual labels:  polyfill
Twitter Bootstrap Rails
Twitter Bootstrap for Rails 6.0, Rails 5 - Rails 4.x Asset Pipeline
Stars: ✭ 4,518 (+681.66%)
Mutual labels:  bootstrap
Gae Init
Google App Engine based on Python, Flask, RESTful, Bootstrap and tons of other cool features
Stars: ✭ 533 (-7.79%)
Mutual labels:  bootstrap
Tabler
Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
Stars: ✭ 24,611 (+4157.96%)
Mutual labels:  bootstrap
Css Paint Polyfill
CSS Custom Paint / Paint Worklet polyfill with special browser optimizations.
Stars: ✭ 575 (-0.52%)
Mutual labels:  polyfill
View All Similar Projects ➔

Bootstrap 3 for IE7

LICENSE Tip Me via PayPal github-stars-image

Bootstrap 3 dropped support for Internet Explorer 7, but you can add it back by simply adding this conditional CSS.

<!--[if lt IE 8]>
    <link href="/css/bootstrap-ie7.css" rel="stylesheet">
<![endif]-->

Requirements

What does this fix?

  • Glyphicons do not display
  • Layout issues (with border-box via the boxsizing.htc polyfill)
  • .list-group-item displays incorrectly with bullet points
  • Haslayout bug
  • .dropdown-menu .divider not displaying
  • .sr-only clip syntax
  • hr margin top and margin bottom spacing fix

What does this not fix?

  • Percentage width rounding issue Info
  • As this is only a CSS stylesheet there may be problems with using Bootstrap 3's JavaScript in IE7.
  • Some elements rely on pseudo-selectors which IE7 does not support (first-child, last-child etc)

FAQS

  • Q. Do I need to make any changes to my HTML to add support for bootstrap3-ie7?

    A. Nope! Just include the conditional IE7 stylesheet and you're ready to go!

  • Q. Does this include the new Glyphicons introduced in Bootstrap 3.3.2?

    A. Yep!

  • Q. What about rounded corners, box shadows and gradients for IE7. How can I get those?

    A. You could use CCS3Pie for adding support for those CSS3 properties to older IE. http://css3pie.com/. If you use that you can add this to your CSS to quickly add border-radius https://gist.github.com/coliff/5618329

  • Q. Is the CSS available on a CDN?

    A. Yes, thanks to JSDelivr: https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie7/css/bootstrap-ie7.min.css, however the box sizing polyfill requires the CSS to be hosted locally so the layout will be broken if you serve the CSS from a CDN.

  • Q. What about Internet Explorer 6?

    A. Although this CSS does not include IE6-specific fixes, it does fix the webfonts icon, so it's worthwhile using the conditional code if lt IE 8 rather than if IE 7.

  • Q. What about Bootstrap 4?

    A. I've created a couple of stylesheets for Internet Explorer 8 and 9 to add support for Bootstrap 4. Check it out at: https://github.com/coliff/bootstrap-ie8

Troubleshooting

  • The boxsizing.htc polyfill can be a little bit buggy. Please make sure you follow the instructions for using that carefully.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].