• Stars
    star
    575
  • Rank 77,071 (Top 2 %)
  • Language
  • License
    MIT License
  • Created over 11 years ago
  • Updated about 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Bootstrap 3 CSS for IE7

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.

More Repositories

1

dark-mode-switch

Add a dark-mode theme toggle with a Bootstrap Custom Switch
HTML
529
star
2

bootstrap-ie8

Bootstrap 4 for IE8 and IE9
HTML
280
star
3

bootstrap-ie11

Internet Explorer 11 compatibility solution for Bootstrap 5
HTML
93
star
4

bootstrap-print-css

Print Stylesheet for Bootstrap 5
40
star
5

inputmodes.com

Testing inputmode
39
star
6

awesome-website-testing-tools

Resource of web-based testing and validation tools
31
star
7

bootstrap-show-password-toggle

A show password as text toggle for Bootstrap forms
HTML
28
star
8

html5-email-regex

Pure HTML5 Email validator which checks valid TLDs with no JavaScript
HTML
17
star
9

bootstrap-rfs

Easy-to-add CSS for adding Responsive Font Sizes (RFS) to Bootstrap 4
15
star
10

Brackets-HTML5CodeHints

Extend Brackets own code hints with more HTML5 elements and attributes such as Picture, Srcset, Template +more.
JavaScript
14
star
11

freshdesk-messaging-facade

A faster Freshdesk Messaging (formerly Freshchat) Facade
JavaScript
9
star
12

geoip-db-country-select

πŸ—ΊοΈ Auto select country from a dropdown using GEOIP DB and jQuery
HTML
7
star
13

Brackets-CSSCodeHints

Extends Bracket's CSS code hints with more attributes; clip-path, image-rendering, tab-size, touch-action and more
JavaScript
6
star
14

keyata

Chrome extension to enable media keys for music/video playback
JavaScript
5
star
15

font-awesome-background-svg

font-awesome-background-svg
CSS
3
star
16

bootstrap-5-migrate-tool

A command-line tool designed to help you upgrade your Bootstrap 4 projects to Bootstrap 5
HTML
2
star
17

sender-brand-icon-avatars-for-email

The .CSV used to generate the CSS for Sender Avatar Icons Browser Extension
2
star
18

new.caniuse.email

Rebuilt from the groundup with Jekyll
Ruby
2
star
19

purgecss-test

Testing PurgeCSS with Hugo
CSS
1
star
20

coliff

1
star
21

dotfiles

πŸ”§ .files
1
star
22

prevent-pii-tracking-in-google-analytics

Prevent PII being tracked in Google Analytics
HTML
1
star
23

bootstrap-forced-colors-css

Improves the accessibility of Bootstrap 5 for Windows users using High Contrast themes
HTML
1
star
24

WP-SmartAppBanner

WordPress plugin which allows you to quickly and easily add an iOS Smart App Banner
PHP
1
star