Skip to content

Commit

Permalink
Minor README fixes and added testing FAQ
Browse files Browse the repository at this point in the history
  • Loading branch information
coliff committed Apr 10, 2018
1 parent 6b864d8 commit 8676980
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 7 deletions.
9 changes: 6 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ Bootstrap 4 drops support for Internet Explorer 8 and 9, but you can add it back
<![endif]-->
```


### FAQS

**Q. What does this fix/polyfill?**
Expand All @@ -36,9 +35,9 @@ A. This doesn't include any IE7-specific fixes, but it should make it look more
**Q. Is the CSS hosted on a CDN?**

A. Yes, thanks to [JSDelivr](https://www.jsdelivr.com/package/gh/coliff/bootstrap-ie8?path=css) minified versions are available with the direct links:

https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/css/bootstrap-ie8.min.css

https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/css/bootstrap-ie9.min.css

**Q. Why is the JavaScript completely broken on IE8?**
Expand All @@ -57,6 +56,10 @@ A. No. Instead the CSS is set to be fixed-width which makes things a lot easier.

A. Right here: [https://coliff.github.io/bootstrap-ie8/test.htm](https://coliff.github.io/bootstrap-ie8/test.htm)

**Q. I don't have access to IE8/IE9 browser to test- how can I see how my site appears?**

A. You could use my free [Multi-Browser Screenshots Chrome Extension](https://chrome.google.com/webstore/detail/multi-browser-screenshots/dhaknibfbngnmflbejdkliedmjmbjojk) to see screenshots of any webpage.

### Known Issues

- As this is only a CSS stylesheet there are problems with using Bootstrap 4's JavaScript in IE8. An easy workaround is to include a link to the Bootstrap v3 JS file (this fixes the dropdown menus) within the conditional statement. Be sure to use jQuery 1.x too.
Expand Down
10 changes: 6 additions & 4 deletions test.htm
Original file line number Diff line number Diff line change
Expand Up @@ -22,15 +22,15 @@
left: auto;
bottom: auto;
z-index: 1;
display: block
display: block;
}

.bs-component .modal-dialog {
width: 90%
width: 90%;
}

.bs-docs-section {
margin-bottom: 50px
margin-bottom: 50px;
}

.example,
Expand Down Expand Up @@ -452,7 +452,9 @@ <h2>Example body text</h2>
<p>An abbreviation of the word attribute is
<abbr title="attribute">attr</abbr>.</p>
<p class="text-black-50">This is text-black-50</p>
<p class="text-white-50 bg-dark">This is text-white-50</p>
<span class="bg-dark">
<p class="text-white-50">This is text-white-50</p>
</span>
</div>

</div>
Expand Down

0 comments on commit 8676980

Please sign in to comment.