Hello i need help I'm having a problem in bootstrap4 cards in chrome. it is working properly on ie11 but not in chrome. Please refer to the image below.
IE11 layout
chrome layout
fixed the issue by using col-md-10 on the main div instead of col. Thanks for the answers! Much appreciated
Related
I'm building a web site using Bootstrap 3. On mobile version the collapse, hide the header part of the page.
You can see the screen shot here:
https://drive.google.com/open?id=0B7kEC5-m4btFclBpQUNxTWZLVkU
What is the correct way to solve the problem?
Thank you in advance,
Regards,
Roberto
use clearfix class before search box divition....like this
<div class="clearfix"></div>
I have a wrapper which is flex-column content justified and aligned at center.
And inside that wrapper there are images.
I over simplified the code and put somethings out, but issue is still going on.
In only Iphone 6 flex column wraps all items on one line.
Everywhere else Android,Windows,Mac and Iphone 5 and below this code works as it should.
You should try this in the real device, in simulator it works properly.
I tried in several ios versions and Iphone 6's.
This is the CodePen link http://codepen.io/anon/pen/amgVLN
I am sorry I didn't understand why CodePen links must follow with code?
It works on chrome but not on IE. I really need your help.
The site I am working is:
http://www.westerncircuit.com/results.php
I am trying to get sticky footer to work on IE but I cannot figure out what is wrong with my code.
I had tried including:
ie10-viewport-bug-workaround.js
ie10-viewport-bug-workaround.css
But it didn't worked. I have all the files required for the sticker footer such as bootstrap css, js and sticky-footer css. I really have no idea what am I missing.
Your kind assistance would be appreciated!
Turns out I just need to add
navbar-fixed-bottom
to my footer for it to work.
I need some help finding what exactly is causing the white space on the right in mobile view of my site.
http://shahil229-001-site1.smarterasp.net/
I've tried using overflow-x : hidden in the css but it stops the top navbar animations from working in the normal desktop view so thats out of the question.
Any help would be appreciated. Thanks
I found the issue! In the box where it says "SYSPRO" your link seems to be overflowing. Therefore causing it to make the page wider then it should be, and you can't see it because the link is white.
EDIT
Specifically the link http://www.syspro.com/product/what-is-erp.
EDIT 2
As Jesse Dockett said, also add width: 100% to your code. Thank You Jesse! :)
I am working on a project. I am facing a problem in ie. Problem is vertical-align:middle not working for image.If you have any solution for this problem please help me.
Site link:http://dev.tenthtime.com/family/highchairs/default.aspx
vertical-align is used for tables not for images. Try using margin and padding if your image is not inside a table.