Category «Bootstrap»

Bootstrap Dropdown Components

Dropdowns For a tutorial about Dropdowns, read our Bootstrap Dropdowns Tutorial. Class Description Example .dropdown Indicates a dropdown menu .dropdown-menu Builds the dropdown menu .dropdown-menu-right Right-aligns a dropdown menu .dropdown-header Adds a header inside the dropdown menu .dropup Indicates a dropup menu .disabled Disables an item in the dropdown menu .divider Separates items inside the …

Bootstrap JS Scrollspy

JS Scrollspy (scrollspy.js) The Scrollspy plugin is used to automatically update links in a navigation list based on scroll position. For a tutorial about Scrollspy, read our Bootstrap Scrollspy Tutorial. Tip: The Scrollspy plugin is often used together with the Affix plugin. Via data-* Attributes Add data-spy=”scroll” to the element that should be used as …

Bootstrap Navigation Components

Tabs and Pills Class Description Example .nav nav-tabs Creates navigation tabs .nav nav-pills Creates navigation pills .nav nav-pills nav-stacked Creates vertical navigation pills .nav-justified Makes navigation tabs/pills equal widths of their parent, at screens wider than 768px. On smaller screens, the nav tabs/pills are stacked .disabled Indicates a disabled (unclickable) tab/pill Navigation tabs with dropdown …

Bootstrap JS Tab

JS Tab (tab.js) Tabs are used to separate content into different panes where each pane is viewable one at a time. For a tutorial about Tabs, read our Bootstrap Tabs/Pills Tutorial. The Tab Plugin Classes Class Description Example .nav nav-tabs Creates navigation tabs .nav-justified Makes navigation tabs/pills equal widths of their parent, at screens wider …

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 …