[GH-ISSUE #79] Mobile first bootstrap #70

New issue

Closed

opened 2026-02-26 01:35:04 +03:00 by kerem · 0 comments

kerem commented

2026-02-26 01:35:04 +03:00

Owner

Originally created by @JLiscom on GitHub (Aug 14, 2014).
Original GitHub issue: https://github.com/JLiscom/OpenNote/issues/79

Mobile first
With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files.

To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>.

Copy

You can disable zooming capabilities on mobile devices by adding user-scalable=no to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall, we don't recommend this on every site, so use caution!

Copy

http://getbootstrap.com/css/

Originally created by @JLiscom on GitHub (Aug 14, 2014). Original GitHub issue: https://github.com/JLiscom/OpenNote/issues/79 Mobile first With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files. To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>. Copy <meta name="viewport" content="width=device-width, initial-scale=1"> You can disable zooming capabilities on mobile devices by adding user-scalable=no to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall, we don't recommend this on every site, so use caution! Copy <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> http://getbootstrap.com/css/