coliff / bootstrap-ie8 Goto Github PK
View Code? Open in Web Editor NEWBootstrap 4 for IE8 and IE9
Home Page: https://coliff.github.io/bootstrap-ie8/
License: MIT License
Bootstrap 4 for IE8 and IE9
Home Page: https://coliff.github.io/bootstrap-ie8/
License: MIT License
File should mention requirements for opening a support issue;
Before posting an issue regarding a problem using this with your site please be sure that all of the below are checked:
Look at repository tree: https://github.com/namiltd/bootstrap-ie8/tree/respond
Demo at: http://namiltd.github.io/bootstrap-ie8/test.htm
and http://phpsysinfo.sourceforge.net/phpsysinfo-bs4/
Test it on IE8
I have implemented this on a client website which is under development. However, it doesn't seem to make a difference. The link is http://cosurica.xpandcreative.co.uk/ could you check that I'm doing it right?
Thanks
Release Notes
col-md
classes important (IE8)modal-xl
(IE8)custom-switch
position (IE9)Seems to stretch everything to full height...
Removed preview as its fixed, realised soon after sorry...
.custom-control-indicator
The library isn't working, for some reason.
I'm testing the demo page (using the Windows 7 VM to test on IE8) and I'm getting the result below:
When I open https://coliff.github.io/bootstrap-ie8/test.htm on IE8&IE9, it doesn't work.
For example:Carousel, Popovers, Tooltips
IE8:
So how can I use this plugins?
There are no working JavaScript polyfills available for Flexbox for us to use so we'll need to provide a workaround CSS-based solution, likely being a fallback to the grid system used in Bootstrap 3.
we can fix by setting a width attribute
Hi
I just installed this package with NPM and got the following error when compiling:
error in ./node_modules/bootstrap-ie8/css/bootstrap-ie8.css
Module build failed: BrowserslistError: .\node_modules\bootstrap-ie8 contains both .browserslistrc and package.json with browsers
I resolved the issue locally by deleting the .browserslistrc
file. I'm guessing one could remove the browsers
value in package.json
just as well.
I don't know if both of these are needed outside of NPM installs, but it would be nice to not have to do delete the files manually when I run npm install
in the future. Or maybe there is something I'm missing that would resolve this?
Right now I'm just including the package by having require('bootstrap-ie8')
in my entry JS file. (I'm using VueJS)
Maybe this is the wrong way to include the package?
In any case, thank you for spending your time creating this package! :)
As this requires JS, we'll likely hide the indicators and have the first slide static as a fallback solution.
This issue is to track progress of publishing v4.4.0
Changelog
clear: both
added to .row, .container, .container-fluid, header, main, footer.TODO
These should match the examples from the official Bootstrap site, so folks can see how this works in IE8 and IE9.
also should i use this tags or not
CSS:
.modal.fade .modal-dialog {-ms-transform:translate(0, -25%)}
.modal.show .modal-dialog {-ms-transform:translate(0, 0)}
IE9 doesn't have CSS animation so may need JS fix
IE9 - Position of div, not center, navigation button gone, carousel button changed, can
t detect col-md-x class (only show 1 column)
IE8 - Position of div, not center, navigation button gone, carousel button change, cant detect js ( jquery 3.2.1, bootstrap 4.js, popper.js)
on IE8 the navbar links are all white... when in fact they should be grey and only white on active state. Additional CSS for this is needed.
Hey,
can you add your project in composer? I have made an example-file for you :)
{ "name": "coliff/bootstrap-ie8", "description": "Bootstrap 4 for IE8 and IE9", "version": "4.1.3", "licence": "MIT", "authors": [ { "name": "Christian Oliff", "email": "[email protected]", "homepage": "https://christianoliff.com", "role": "Developer" } ], "support": { "issues" : "https://github.com/coliff/bootstrap-ie8/issues", "docs" : "https://github.com/coliff/bootstrap-ie8#readme" } "require": { "twbs/bootstrap": "4.1.3" } }
Hi rtl versions are separate files (bootstrap-rtl.css / bootstrap-rtl.js) . but it seems bootstrap-ie8 support english version only ex: https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/css/bootstrap-ie9.min.css
Maybe:
.media {
overflow: hidden;
zoom: 1;
}
.media-body {
display: table-cell;
vertical-align: top;
}
We need to add a float-based fallback for the new list-group-horizontal
class.
REF: https://getbootstrap.com/docs/4.3/components/list-group/#horizontal
dropdown menu is not showing at right place in ie8 and ie9
The Bootstrap 5 alpha is coming soon. How about create some patches to support Bootstrap 5 on IE 10 and IE 11?
See #55
Prefer to install via NPM? No problem...
npm install bootstrap-ie8
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.