Yukiugk

Posts

Showing posts from July 2, 2018

Bootstrap Text/Typography

googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); }); Bootstrap Text/Typography ❮ Previous Next ❯ Bootstrap's Default Settings Bootstrap's global default font-size is 14px, with a line-height of 1.428. This is applied to the <body> element and all paragraphs ( <p> ). In addition, all <p> elements have a bottom margin that equals half their computed line-height (10px by default). Bootstrap vs. Browser Defaults In this chapter, we will look at some HTML elements that will be styled a little bit differently by Bootstrap than browser defaults. <h1> - <h6> By default, Bootstrap will style the HTML headings ( <h1> to <h6> ) in the following way: Example h1 Bootstrap heading (36px) h2 Bootstrap heading (30px) h3 Bootstrap heading (24px) h4 Bootstrap heading (18px) h5 Bootstrap heading (14px) h6 Bootstrap heading ...

Bootstrap Grids

Bootstrap Grids ❮ Previous Next ❯ Bootstrap Grid System Bootstrap's grid system allows up to 12 columns across the page. If you do not want to use all 12 columns individually, you can group the columns together to create wider columns: span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 4 span 4 span 4 span 4 span 8 span 6 span 6 span 12 Bootstrap's grid system is responsive, and the columns will re-arrange automatically depending on the screen size. Grid Classes The Bootstrap grid system has four classes: xs (for phones - screens less than 768px wide) sm (for tablets - screens equal to or greater than 768px wide) md (for small laptops - screens equal to or greater than 992px wide) lg (for laptops and desktops - screens equal to or greater than 1200px wide) The classes abov...

Bootstrap Get Started

googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); }); Bootstrap Get Started ❮ Previous Next ❯ What is Bootstrap? Bootstrap is a free front-end framework for faster and easier web development Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins Bootstrap also gives you the ability to easily create responsive designs What is Responsive Web Design? Responsive web design is about creating web sites which automatically adjust themselves to look good on all devices, from small phones to large desktops. Bootstrap History Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter, and released as an open source product in August 2011 on GitHub. In June 2014 Bootstrap was the No.1 project on GitHub! Why Use Bootstrap? Advantages of Bootstrap: Easy to use: Anybo...

Bootstrap 3 Tutorial ❮ Home Next ❯ Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites. Bootstrap is completely free to download and use! Start learning Bootstrap now » Learn Bootstrap Try it Yourself Examples This Bootstrap tutorial contains hundreds of Bootstrap examples. With our online editor, you can edit the code, and click on a button to view the result. Bootstrap Example <div class="jumbotron text-center"> <h1>My First Bootstrap Page</h1> <p>Resize this responsive page to see the effect!</p> </div> <div class="container"> <div class="row"> <div class="col-sm-4"> <h3>Column 1</h3> <p>Lorem ipsum dolor..</p> <p>Ut enim ad..</p> </div> ...

Colors - XKCD

Colors - XKCD ❮ Previous Next ❯ XKCD Color Names XKCD is a popular web comic created by Randall Munroe. His "Color Name Survey" (with 200 000 participants) resulted in a list of nearly 1000 color names. The color names cannot be used in HTML. These hex values are non official approximate values intended to simulate the colors in HTML: Hex Color Name #8ffe09 acidgreen #bd6c48 adobe #54ac68 algae #21c36f algaegreen #070d0d almostblack #feb308 amber #9b5fc0 amethyst #6ecb3c apple #76cd26 applegreen #ffb16d apricot #13eac9 aqua #02d8e9 aquablue #12e193 aquagreen #2ee8bb aquamarine #4b5d16 armygreen #77ab56 asparagus #3d0734 aubergine #9a3001 auburn #90b134 avocado #87a922 avocadogreen #1d5dec azul #069af3 azure #a2cffe babyblue #8cff9e babygreen #ffb7ce babypink #ab9004 babypoo #937c00 babypoop #8f9805 babypoopgreen #b6c406 babypukegreen #ca9bf7 babypurple #ad900d bab...