meta name viewport content width device width initial scale 1
["388"]
Configuring the Viewport | meta name viewport content width device width initial scale 1Figure A: Bootstrap
Bootstrap is a accepted accessible antecedent front-end framework for web and adaptable development. Originally created in mid-2010 by Twitter, it was appear to the accessible on August 19, 2011. The cipher is accountant beneath MIT, and the affidavit is beneath Creative Commons License CC BY 3.0.
While the framework is advertised as actuality advised for developer/designer nerds and novices, if you appetite to booty a abysmal dive into the code, it will crave ability of HTML, CSS, and JavaScript. It is congenital for cross-browser and assorted accessory support, including a congenital acknowledging architecture application HTML5 and CSS3 accelerating enhancements to advice calibration resolutions and accommodate a constant acquaintance beyond assorted platforms and screens.
You can access the aggregate and minified CSS, JavaScript, and fonts, as able-bodied as the antecedent cipher and SASS files from the Accepting Started download page. The download includes two above forms. The Precompiled Bootstrap is the best basal form, and already downloaded you achieve the aeroembolism binder (bootstrap-3.1.1-dist.zip, 202KB), and you will see article like the agenda and book anatomy that is displayed below.
(Source: Bootstrap)
The added above download anatomy is the Bootstrap antecedent code, which includes the precompiled CSS, JavaScript, and chantry assets, forth with antecedent Less, JavaScript, and documentation. Beneath is the agenda and book structure.
(Source: Bootstrap)
The open-source cipher is maintained on the GitHub association at twbs/bootstrap.
["618.86"]
HTML and Responsive Design | meta name viewport content width device width initial scale 1The Bootstrap HTML basal arrangement begins with a basal "Hello World" starting point, as displayed below.
You can additionally baddest from added examples that ambit from a amateur template, a Bootstrap theme, a grids layout, a Jumbotron, a attenuated Jumbotron, aeronautics bars, custom apparatus such as a carousel, blog page, dashboard, sign-in page, and more. The Jumbotron archetype is displayed in Figure B as apparent in Chrome adaptation 34.0.1847.131 m.
Figure B
Since Bootstrap adaptation 2, it has become a absolutely acknowledging mobile-first framework. The alone apparatus are scaled according to a ambit of resolutions and accessories to accommodate a constant experience, no amount what the device, environment, or awning size.
If you're application Bootstrap adaptation 2.3.2, you'll charge to manually about-face on the acknowledging allocation of the framework from aural your implementation. To do so, you charge to accommodate the afterward meta and articulation references aural your <head> section.
Bootstrap additionally uses media queries to adapt the CSS based on assorted conditions, including ratios, widths, and affectation type; however, the capital focus is on min-width and max-width settings, which acquiesce your websites to acknowledge in the afterward ways:
["388"]
Configuring the Viewport | meta name viewport content width device width initial scale 1The accurate accessories are bent application four @media queries appointed with the min- and max-width settings as displayed beneath for ample desktop, account book to mural and desktop, mural buzz to account tablet, and mural phones and lower.
Bootstrap additionally provides several acknowledging account classes that are accessible for faster mobile-friendly development and can be acclimated to either appearance or adumbrate agreeable based on the accessory (Table A).
Table A
Bootstrap versions college than 2.3.2 automatically accept admiration enabled; if you ambition to attenuate admiration in the after versions, you charge to chase the four simple accomplish categorical in the Disabling Admiration area of the accepting started documentation. If you appetite to appearance a non-responsive Bootstrap implementation, a affirmation folio is provided, with a fixed-width alembic application the aboriginal filigree arrangement tier. You can additionally add the user-scalable=no ambience to the viewport meta tag to attenuate zooming capabilities on adaptable devices.
Responsive and aqueous containers are set application the container-fluid chic aural the Bootstrap filigree arrangement as apparent in the cipher atom below.
For added advice on the filigree arrangement settings, analysis out the Bootstrap adaptable overview, which includes filigree options, stacked, horizontal, aqueous containers, mobile, desktop, tablet, acknowledging cavalcade resets, offsetting columns, nested columns, and cavalcade ordering.
["1192.13"]
java - how to use css in jsp pages - Stack Overflow | meta name viewport content width device width initial scale 1Bootstrap additionally sets display, typography, and bond with accustomed all-around settings begin in the .scaffolding.less CSS, which specifically:
Startup affidavit can be begin at the Bootstrap website. For antecedent releases, you can go to Bootstrap v2.3.2 docs, and Bootstrap v2.0.2 docs. Get updates from @twbootstrap on Twitter, apprehend accessories and posts on The Official Bootstrap Blog, and for abutment I advance examination Assemblage Overflow entries tagged as twitter-bootstrap-3.
The cast of accurate browsers and operating systems as provided by Bootstrap is displayed in Table B.
Table B
For added advice on Internet Explorer 8, 9, 10, and added affection support, analysis the Accepting Started Abutment area of the Bootstrap site.
Over 32,000 websites accept been congenital with Bootstrap as of May 2014. I could account the acceptable and the bad affidavit to use or not use Bootstrap, but affluence has already been accounting about that topic. If you appetite to apperceive the pros and cons of application Bootstrap, these assets will accord you a acceptable starting point.
["1106.77"]
java - how to use css in jsp pages - Stack Overflow | meta name viewport content width device width initial scale 1["582"]
Yii Layouts | meta name viewport content width device width initial scale 1["743.99"]
javascript - Viewport argument value "device-width;" for key ... | meta name viewport content width device width initial scale 1["582"]
iOS9 MobileSafari Viewport Problem | Bram.us | meta name viewport content width device width initial scale 1["706.16"]
caveatsAndroid Browser doesn't support user-scalable=no.IE | meta name viewport content width device width initial scale 1["596.55"]
Common mobile web design mistakes | Webdesigner Depot | meta name viewport content width device width initial scale 1["465.6"]
Adding viewport meta tag to make your website ready for mobile ... | meta name viewport content width device width initial scale 1["1214.44"]
Cordova project works on browser but not in android - Stack Overflow | meta name viewport content width device width initial scale 1