I am bit of a noob when it comes to bootstrap but what I am trying to do is have a side menu when in desktop or tablet mode and a fixed top navbar in mobile view.
I am reverse engineering a simple theme http://startbootstrap.com/template-overviews/sb-admin/
I have removed everything from the bar I just can't get it to dissapear in non mobile resolutions. I'm sure I am being stupid, thank you for any advice.
You can use Bootstrap's responsive utilities
With these you can give the navbar a class of visible-xs which would only show up on devices with a resolution less than 768px.
Related
I am building a pwa using mdl as front end in firebase. While swiping the app on small screen devices, the layout moves instead of being fixed.
Have attached the pic of the bug.
https://drive.google.com/file/d/1B0t8qFu-Cvbg-pgK6ElMjHoNOF-r7ldp/view?usp=sharing
Is it possible to make timeline like this (horizontal on desktop, but vertical on mobile devices)
mobile ver. like this https://bootsnipp.com/snippets/featured/timeline-21-with-images-and-responsive
Thanks a lot!
Use Following Code
For horizontal Timeline this is best
https://codyhouse.co/demo/horizontal-timeline/index.html
So I have a navbar defined in bootstrap 3, however I would like to change the size, color, and <li> elements when a user visits it on a mobile or tablet browser vs a desktop. What would be the best way to go about this? I thought about using media queries but I am not sure where to start.
If you want to customize this more for mobile jasny perform these plugins are very good for, I have implemented in my projects and work very well for the mobile "menu offcanvas"
jasny bootstrap offcanvas
Media query is a good way to fix your problem. The boostrap navbar default breakpoint seems to be at 768px. see on coderwall
#media (max-width: 768px) { "your modifications here" }
My way is.. 1.- detect iphone/ipad/android with jquery, 2.- Use custom media queries to target iphone, ipad. Later test in a device because using media queries only target on desktop not in a device or smartphone resolution.
I have a website http://www.vinjerac.com which has an image slider.
The complete site is responsive, but the slider content does not fit the viewport in mobile devices and the website looks distorted.
Can you please suggest a solution for the same.
Thanks
I did have a look at your site, and found you are using bootstrap for the responsiveness. And also a plugin for the slider.
Bootstrap is not designed to work with other plugins.
One workaround would be use a bootstrap slider which is also called carosel instead of the plugin that you are using you find the bootstrap carosel here
Please let me know if you need any other information.
I am building a website based on wordpress theme which should be responsive. But if I resize the browser window and make it smaller, the menu just hides somewhere under the header. Is there anyone capable of fixing that?
The Website
you can use bootstrap framework for responsive theme
work with bootstrap is easy
bootstrap