html - Bootstrap two column layout misaligned in firefox & ie -
Layout for this site is working correctly in Chrome - although some pages on both the latest versions of IE and Firefox Columns are incorrectly anonymous Example of wrong alignment page:
The most striking thing is that the same bootstrap column code is used on the homepage and it renders continuously in all three browsers. Correct page alignment:
Originally I thought it could be an issue with one of the margin classes, which has been implemented in two columns, but deleting it does not fix this issue Done
Any advice would be appreciated!
Definitely why it presents different browsers or different pages, but It is related to h1.hidden-xs
.
Adding this to main.css solves the problem:
h1.hidden-xs {margin: 0; }
There are other ways to fix this, of course (for example, changing font-size
also on that H1) is another way Your markups or styles may be better integrated or generally better, but it works like this
Comments
Post a Comment