TrikSonic - Arsip Blog : Maret 2018

tRikSonic

Tema

Bootstrap 3 Typography - Tutorial Bootstrap Indonesia

Terakhir diperbarui : 22 Mei 2018 - 05.36

Pada artikel ini, kita akan mempelajari tipografi yang ada pada Bootstrap 3. Tipografi menentukan bagaimana berbagai element teks akan muncul di halaman web. Bootstrap 3 Typography Daftar isi halaman ini : View Mode Bootstrap 3 Default Bootstrap 3 Heading 2.1 Menggunakan HTML <h1> - <h6> 2.2 Menggunakan Attribute class 2.3 Menggunakan HTML <small> didalam Heading Bootstrap 3 paragraph Bootstrap 3 <abbr> 4.1 HTML abbr dengan Attribute class .initialism Bootstrap 3 <blockquote> 5.1 HTML <blockquote> dengan Attribute class .blockquote-reverse Bootstrap 3 <dl> Bootstrap 3 <code> Bootstrap 3 <kbd> Bootstrap 3 <mark> 9.1 Efek mark hanya dengan attribute class .mark Bootstrap 3 <pre> 10.1 HTML <pre> dengan Attribute class .pre-scrollable Bootstrap 3 <q> Bootstrap 3 <samp> Bootstrap 3 <small> Bootstrap 3 <var> Bootstrap 3 color 15.1 Bootstrap 3 Warn

Baca selengkapnya

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}:after,:before{box-sizing:border-box}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;}button.close{-webkit-appearance:none;}input#atur_split{-webkit-appearance: none;}input#atur_split::-webkit-slider-runnable-track {-webkit-appearance: none;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}.no-radius {border-radius:0px!important;-webkit-border-radius : 0px !important;-moz-border-radius : 0px !important;-o-border-radius : 0px !important;-ms-border-radius : 0px !important;-khtml-border-radius : 0px !important;}.btn-trans .badge {-moz-border-radius: 50px;-webkit-border-radius: 50px;-o-border-radius: 50px;-ms-border-radius: 50px;-khtml-border-radius: 50px;}.box-part{-webkit-border-radius:4px;-moz-border-radius:4px;}.gridmode {-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-khtml-border-radius: 5px;background: #ffffff;}input#atur_split::-webkit-slider-runnable-track {box-shadow: none;border: none;background: transparent;-webkit-appearance:none;}input#atur_split::-moz-range-track {box-shadow: none;border: none;background: transparent;-webkit-appearance:none;}input#atur_split::-moz-focus-outer {border: 0;}input#atur_split::-webkit-slider-thumb {width: 10px;height: 10px;border: 0;background: #42bdca;border-radius: 100%;box-shadow: 0 0 1px 0px rgba(0,0,0,0.1);-webkit-appearance:none;}input#atur_split::-moz-range-thumb {width: 10px;height: 10px;border: 0;background: #42bdca;border-radius: 100%;box-shadow: 0 0 1px 0px rgba(0,0,0,0.1);-webkit-appearance:none;}.no-select,button,.tse-line-number {user-select:none;-moz-user-select:none;-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;-o-user-select:none;}.select-all {user-select:all;-webkit-user-select:all;-moz-user-select:all;-o-user-select:all;-khtml-user-select:all;-ms-user-select:all;}