While building my new admin/CMS with Laravel 4 and Gebo Admin (really cool twitter bootstrap responsive admin template) I encountered weird problem while using bootstrap tabs – after I added “enhanced select” (Country dropdown) suddenly a horizontal scroll bar appeared!
I am not sure if this is 100% best solution (I am not that keen on digging into all this .js stuff) but the easiest way to fix this is to open Bootstrap.min.css, search for .tab-content and then replace
overflow: auto;
with
overflow: hidden;
Reload your page and the horizontal scrollbar is gone.
Every now and then I encounter a problem where several sites that I visit fail to displays CSS. It looks something like this (Gizmodo website):
The problem appears when something goes wrong while you are deleting browser cache,cookies etc. In my case it usually happens when I use CCleaner (free tool for cleaning your Windows PC) and I accidentally open Firefox (or other browser) while CCleaner is deleting the cache. Websites start to look like above screenshot and refreshing the page doesn’t help.
The solution is to refresh the page with CTRL + F5, which forces browser to redownload the entire site from internet and not from local cache. This solves problem only for that site so what I do is close all browsers and run CCleaner again.