Category «Bootstrap»

Bootstrap Glyphicon Components

Glyphicons Bootstrap includes 260 glyphs from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, you should include a link back toGlyphicons whenever possible. Use glyphicons in text, buttons, toolbars, navigation, or forms: Bootstrap Glyph Example …

Bootstrap Quiz

You can test your Bootstrap skills with W3Schools’ Quiz. The Test The test contains 25 questions and there is no time limit. The test is not official, it’s just a nice way to see how much you know, or don’t know, about Bootstrap. Count Your Score You will get 1 point for each correct answer. …

Bootstrap JS Affix

JS Affix (affix.js) The Affix plugin allows an element to become affixed (locked) to an area on the page. This is often used with navigation menus or social icon buttons, to make them “stick” at a specific area while scrolling up and down the page. The plugin toggles this behavior on and off (changes the …

W3Schools Bootstrap Certificate

W3Schools offers an Online Certification Program. The perfect solution for busy professionals who need to balance work, family, and career building. More than 15 000 certificates already issued! Document Your Skills Knowledge is power, especially in the current job market. Documentation of your skills enables you to advance your career, or help you to start …

Bootstrap Form Inputs

Supported Form Controls Bootstrap supports the following form controls: input textarea checkbox radio select Bootstrap Input Bootstrap supports all the HTML5 input types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color. Note: Inputs will NOT be fully styled if their type is not properly declared! Name: Password: The …

Bootstrap CSS Typography Reference

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> and all paragraphs. In addition, all <p> elements have a bottom margin that equals half their computed line-height (10px by default). Typography The elements below are HTML elements that will be styled a little bit …

Bootstrap CSS Buttons Reference

Button Colors Default Primary Success Info Warning Danger Link Button Sizes Large Small XSmall Active/Disabled Buttons Info Button Active Info Button Disabled Info Button Block-level Button Block-level Button Button Classes The classes below can be used to style any <a>, <button>, or <input> element: Class Description Example .btn Adds basic styling to any button .btn-default …

Bootstrap JS Carousel

JS Carousel (carousel.js) The Carousel plugin is a component for cycling through elements, like a carousel (slideshow). For a tutorial about Carousels, read our Bootstrap Carousel Tutorial. Note: Carousels are not supported properly in Internet Explorer 9 and earlier (because they use CSS3 transitions and animations to achieve the slide effect). The Carousel Plugin Classes …

Bootstrap CSS Forms Reference

Bootstrap’s Default Settings Individual form controls automatically receive some global styling with Bootstrap. All textual <input>, <textarea>, and <select> elements with class=”form-control” are set to width: 100%; by default. Standard rules for all three form layouts: Wrap labels and form controls in <div class=”form-group”> (needed for optimum spacing) Add class .form-control to all textual <input>, …

Bootstrap JS Collapse

JS Collapse (collapse.js) Get base styles and flexible support for collapsible components like accordions and navigation. Plugin dependency: Collapse requires the transitions plugin to be included in your version of Bootstrap. For a tutorial about Collapsibles, read our Bootstrap Collapse Tutorial. The Collapse Plugin Classes Class Description Example .collapse Hides the content .collapse in Shows …