Heyho !
Generally, I work with the Bootstrap 3.3+ but for a specific freelancing mission, I have to work under the 2.3.2 version.
I have an undefined issue under Phone view at the right of the layout.
I really don't understand how to deal with the Phone view under 2.3.2 version.
You can check the whole page here > http://bp-design.fr/Codeur
If you remove the left and right margin from <div id="footer"> and <div class="navbar navbar-fixed-top"> the horizontal scrollbar disappears.
Problem solved.
It was an issue with the 3 blocks in blue under my hero-unit. Just a CSS bug, not a Bootstrap problem.
Thanks for all your replies mates !
Related
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
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>
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 made a website using Twitter Bootstrap.
http://www.photous.org/en/pictures
It works fine on desktop browsers but on the mobile browser (I tested on iOS Chrome) the left margin and border disappears.
I understand that the initial load hides the side as the width doesn't fit but even if I zoom it out the lost margin & border don't come back.
How can I fix it?
Thanks.
Sam
Please include all the code inside
<div class="container-fluid">
Your code here....
</div>
Now your website will become responsive..
I am using Twitter bootstrap for my portfolio site. The fluid layout seems to work up to a certain point, but there are a few issues with the home page.
Once I go smaller than about 997px, the nav menu disappears entirely. It almost looks like it drops down below the header bar and is hidden, but I can't seem to get it to show. It should actually switch to the mobile menu and remain in the upper right corner.
Also once you get down to smaller screen sizes, the "About Me" and "Contact" sections of the index page overlap each other. I'm sure this has to do with my structure somehow, but cannot find the problem.
Any bootstrap experts know what might be causing these issues?
Here is a link to the test version of the site. http://theiamzone.com/kyle_hagler/portfolio-site
From the source code I view from the site,
I Found out that you lacked of jquery file.
<script src="//code.jquery.com/jquery-1.10.1.min.js">
Put it and see if the dropdown work.
And for the About Us and Contact Us part.
A method you can try is put container to wrap them all, read from here for more information.
http://twitter.github.io/bootstrap/scaffolding.html#layouts
From my point of view in about us section, try no to wrap the 2 span 6 column,
Use the following code instead.
<div class="row-fluid">
<div class="span12">
<div class="span6"></div>
<div class="span6"></div>
</div>
</div>
Same situation happen on the contact us section,
the css class aren't assigned for them to work.