Bootstrap: Sidebar of Dashboard example is hidden on mobile
URL: http://getbootstrap.com/examples/dashboard/
Client: Safari on iPhone 5S, iOS 7.1.2 (can't seem to extract the safari version number, but should only be one for 7.1.2)
The sidebar is not visible on mobile.
Unsure if its intended or not, but for "mobile first" I would expect said content to be available somehow.
marius00
All 7 comments
see the dashboard.css file
/* Hide for mobile, show later */
.sidebar {
display: none;
}
fchiumeo
on 9 Mar 2015
As the issue is still present in the example, should this ticket be kept open? The comment in the CSS seems to suggest the example was planned to be made work in mobile as well..
jkytomaki
on 24 Jun 2015
The sidebar is meant to be hidden on mobile.
mdo
on 24 Jun 2015
Ok, thanks. For what it's worth, I second @marius00 that as Bootstrap introduces itself as a framework for "responsive, mobile first" projects, one might expect the example templates to work with mobile. Perhaps the desktop only examples at http://getbootstrap.com/getting-started/, like the dashboard example, could be labeled as such.
jkytomaki
on 25 Jun 2015
It's not desktop only, I just made the decision to hide the sidebar on mobile :). Maybe in v4 I'll tweak those.
mdo
on 28 Jun 2015
Is there any way to make it visible? Maybe changing something in css file?
musafirsafwan
on 30 Sep 2017
Quick fix is to add "col-xs-4" to the sidebar class declaration and "col-xs-8 col-xs-offset-4" to the main div.
rockdoctor
on 15 Jan 2018
Related issues
tiendq
路
3Comments
bellwood
路
3Comments
vinorodrigues
路
3Comments
fohlsom
路
3Comments
steve-32a
路
3Comments
Most helpful comment
Ok, thanks. For what it's worth, I second @marius00 that as Bootstrap introduces itself as a framework for "responsive, mobile first" projects, one might expect the example templates to work with mobile. Perhaps the desktop only examples at http://getbootstrap.com/getting-started/, like the dashboard example, could be labeled as such.