CSS · Twitter Bootstrap/BootstrapCSSJavascriptLESSCSSHTMLclassbody copyvariables.lessLess@baseFontSize@baseLineHeightfont-sizeline-heightmargins, paddings, line-heightsbody text“”“”“”……h1. h2. h3. h4. h5. h6. 404 errorstrongemabbrtitle.initialismaddressbr195/3005.85HTML5bibiaddressTVlike4048964P:(123) 456-7890 giveme.money@chinagov.comtitle(dotted).initialismHtml~blockquoteciteURL.pull-left.pull-rightsmallciteblockquoteHTMLpsmallmdash;blockquotep/psmall/small/blockquote:class="pull-right":19933ulDjangoPyramidTornadoFlaskUliwebMVTURLViewTemplateORMI18NBottleRailsYiiul class="unstyled", ;, ;, ;, ; UnitTestNoseProfilepdb, ;, ;Pythonic, ;, ;oldl/DjangoDjango pythonwebDjango,TornadoTornado FriendFeed web dl class="dl-horizontal"/DjangoDjango pythonwebDjango,TornadoTornado FriendFeed web /codecodesection/codeprep.../p: pxprelt;pgt;...lt;/pgt;/prepretabtab.pre-scrollable350pxGoogle Prettify pre.prettyprint.linenums.linenums: pxp.../p: pxpre class="prettyprint linenums"lt;pgt;...lt;/pgt;/pregoogle-code-prettify.tablethead(tr)tbody(tr) tr(tdor th) tdth()theadcaptiontabletheadtrth…/thth…/th/tr/theadtbodytrtd…/tdtd…/td/tr/tbody/tableNone.table.table-bordered.table-striped.table-condensedpadding8px4pxtdth1. 2.0 , .tabletable class="table"…/table#1201022005320082. .table-striped:nth-childCSS IE7-IE8: pxtable class="table table-striped"…/table#1201022005320083. table class="table table-bordered"…/table#1201022005320084. .table-condensedpadding(8px4px) : pxtable class="table table-condensed"…/table#1201022005320085. : pxtable class="table table-striped table-bordered table-condensed".../table#120102200532008HTMLCSSBootstrapHTMLBootstrap: ()Bootstrapinput,textarea,select/error, warning, success BootstrapBootstrap().form-vertical().form-inlineinline-block.form-search.form-horizontal2.0...form class="well"label/labelinput type="text" class="span3" placeholder="..."span class="help-inline"/spanp class="help-block".../plabel class="checkbox"input type="checkbox"/labelbutton type="submit" class="btn"Submit/button/formWebkit.form-searchform class="well form-search"input type="text" class="input-medium search-query"button type="submit" class="btn"/button/form.form-inline.form-horizontalinline-blockform class="well form-inline"input type="text" class="input-small" placeholder=""input type="password" class="input-small" placeholder=""label class="checkbox"input type="checkbox"/labelbutton type="submit" class="btn"/button/formBootstrapHTML5234512345.control-group, .control-label, .controlsform class="form-horizontal"fieldsetlegend/legenddiv class="control-group"label class="control-label" for="input01"/labeldiv class="controls"input type="text" class="input-xlarge" id="input01"p class="help-block"/p/div/divdiv class="control-group"label class="control-label" for="input01"twitter/labeldiv class="controls"input type="text" class="input-xlarge" id="input01"p class="help-block"twitter/p/div/div/fieldset/formtwittertwitterbootstrap:()2.01.4Bootstrap2.0WarningErrorSuccessSuccess12345BootstrapfocuseddisabledWebkitoutline:focusbox-shadowBootstraperror,warning,successerror.control-groupfieldset class="control-group error"…/fieldset123451234512345.span*(inputselect). @.00+$.001 2 3 labeloption/@Twiiter$1.4Bootstrap2.0label class="checkbox"input type="checkbox"Bootstrap.checkbox.radio.inline//.add-oninput//span class="help-inline"p class="help-block"class=""btnbtn btn-primarybtn btn-infobtn btn-successbtn btn-warningbtn btn-dangerbtn btn-inverse“”“” .btnabuttonIE9IE9 button.btn-large, .btn-small, .btn-mini.disabledbuttondisabled: px!.disabled.active.btna, button, input.btnbuttona class="btn" href=""/abutton class="btn" type="submit"button/buttoninput class="btn" type="button" value="input-button"input class="btn" type="submit" value="input-submit"input,input type="submit"Glyphiconsicon-glassicon-musicicon-searchicon-envelopeicon-hearticon-staricon-star-emptyicon-usericon-filmicon-th-largeicon-thicon-th-listicon-okicon-removeicon-zoom-inicon-zoom-outicon-officon-signalicon-cogicon-trashicon-homeicon-fileicon-timeicon-roadicon-download-alticon-downloadicon-uploadicon-inboxicon-play-circleicon-repeaticon-refreshicon-list-alticon-lockicon-flagicon-headphonesicon-volume-officon-volume-downicon-volume-upicon-qrcodeicon-barcodeicon-tagicon-tagsicon-bookicon-bookmarkicon-printicon-cameraicon-fonticon-boldicon-italicicon-text-heighticon-text-widthicon-align-lefticon-align-centericon-align-righticon-align-justifyicon-listicon-indent-lefticon-indent-righticon-facetime-videoicon-pictureicon-pencilicon-map-markericon-adjusticon-tinticon-editicon-shareicon-checkicon-moveicon-step-backwardicon-fast-backwardicon-backwardicon-playicon-pauseicon-stopicon-forwardicon-fast-forwardicon-step-forwardicon-ejecticon-chevron-lefticon-chevron-righticon-plus-signicon-minus-signicon-remove-signicon-ok-signicon-question-signicon-info-signicon-screenshoticon-remove-circleicon-ok-circleicon-ban-circleicon-arrow-lefticon-arrow-righticon-arrow-upicon-arrow-downicon-share-alticon-resize-fullicon-resize-smallicon-plusicon-minusicon-asteriskicon-exclamation-signicon-gifticon-leaficon-fireicon-eye-openicon-eye-closeicon-warning-signicon-planeicon-calendaricon-randomicon-commenticon-magneticon-chevron-upicon-chevron-downicon-retweeticon-shopping-carticon-folder-closeicon-folder-openicon-resize-verticalicon-resize-horizontalcss spritebackground-positiontwitter.com.icon-GlyphiconsBootstrapii class="icon-search"/i.icon-whitei class="icon-search icon-white"/i120isprites.less!buttonsii: px: px :@twitterby @mdoand @fatTvlike.me/TVApache License v2.0CC BY 3.0IconsGlyphicons FreeCC BY 3.0