lpology / bootstrap-ie7fix Goto Github PK
View Code? Open in Web Editor NEWAdds IE7 support to Bootstrap 3
Adds IE7 support to Bootstrap 3
Hi sdturner02
using this code, I've solved my problems with the alignment of the columns,
because there are problems with the width of these columns
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
padding: 0;
}
What do you think?
bye
Why the fixed margin-left: 2.074468085106383%
in the following CSS rule?
Note that right before applying it you reset the margin: 0
.
I commented that line out and it's working great now! :)
.row .col-xs-1,
.row .col-sm-1,
.row .col-md-1,
.row .col-lg-1,
.row .col-xs-2,
.row .col-sm-2,
.row .col-md-2,
.row .col-lg-2,
.row .col-xs-3,
.row .col-sm-3,
.row .col-md-3,
.row .col-lg-3,
.row .col-xs-4,
.row .col-sm-4,
.row .col-md-4,
.row .col-lg-4,
.row .col-xs-5,
.row .col-sm-5,
.row .col-md-5,
.row .col-lg-5,
.row .col-xs-6,
.row .col-sm-6,
.row .col-md-6,
.row .col-lg-6,
.row .col-xs-7,
.row .col-sm-7,
.row .col-md-7,
.row .col-lg-7,
.row .col-xs-8,
.row .col-sm-8,
.row .col-md-8,
.row .col-lg-8,
.row .col-xs-9,
.row .col-sm-9,
.row .col-md-9,
.row .col-lg-9,
.row .col-xs-10,
.row .col-sm-10,
.row .col-md-10,
.row .col-lg-10,
.row .col-xs-11,
.row .col-sm-11,
.row .col-md-11,
.row .col-lg-11,
.row .col-xs-12,
.row .col-sm-12,
.row .col-md-12,
.row .col-lg-12 {
display: block;
float: left;
padding: 0;
margin: 0; /* reset margins to 0 */
margin-left: 2.074468085106383%;
zoom: 1;
}
Great job, really! Your IE7Fix works fine when testing with the IE7 emulator (F12 developer tools in IE11).
I have only made a few minor changes to the style sheet, which I like to share with you. Please note that in my case, your IE7Fix stylesheet gets loaded by Modernizr, that is AFTER all bootstrap and custom CSS files.
.btn {
/* padding-top: 3px; /
/ padding-bottom: 4px; */
margin-left: .3em !important;
border: 0;
z-index:1;
}
input,
button,
select,
textarea {
/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
}
.input-group { position: relative }
.input-group-addon { position: absolute; width: 30px; height: 18px; padding-left: 5px; padding-right: 5px; right: -10px; top:1px; }
.glyphicon { top: 0px }
If the padding-right/left of the input is set to another value than 5px, change the right attribute accordingly.
I'm sure you can easily add this input-group-addon thing to your core stylesheet.
Give it a try, and thumbs up!
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.