BOOTSTRAP TEXT STYLES FREE

BOOTSTRAP TEXT STYLES FREE

Bootstrap provides 260 free glyphicons from the Glyphicons Halflings setĪdds a red color to the label and a red border to the input, as well as an error icon inside the input (used together with. Makes a left-aligned with inline-block controls (This onlyĪpplies to forms within viewports that are at least 768px wide)Īligns labels and groups of form controls in a horizontal layoutĬreates an icon. Used on input, textarea, and select elements to span the entire width of the page and make them responsiveĪdds plain text next to a form label within a horizontal form Scales the video nicely to the parent elementĪdds a fading effect when closing an alert box

Creates an 4:3 aspect ratio embedded content Creates an 16:9 aspect ratio embedded contentĬontainer for embedded content. Makes videos or slideshows scale properly on any deviceĬontainer for embedded content. Indicates a dropup menu (upwards instead of downwards)Ĭontainer for embedded content. Used on the button that should hide and show (toggle) the dropdown menu Used to add headers inside the dropdown menuĪdds the default styles for the dropdown menu container S, but when the browser window expands, it will line up side-by-sideĬreates a toggleable menu that allows the user to choose one value from a predefined list Lines up the terms and descriptions in elements side-by-side. Used to separate links in the dropdown menu with a thin horizontal border Indicates a dangerous or potentially negative actionĭisables a button (adds opacity and a 'no-parking-sign' icon on hover)ĭisables a dropdown item (adds a grey text color and a 'no-parking-sign' icon on hover)ĭisables a pagination link (cannot be clicked - adds a grey text color and a 'no-parking-sign' icon on hover)ĭisables a list item in a list group (cannot be clicked - adds a grey background color and a 'no-parking-sign' icon on hover) Extra small devices Phones ( or table cell ( ). Makes multiple checkboxes appear on the same line Represents warning or a negative actionĬreates a caret arrow icon, which indicates that the button is a dropdownĬreates a caption text for each slide in the carouselĪdds little dots/indicators at the bottom of each slide (which indicates how many slides there is in the carousel, and which slide the user are currently viewing)Ĭenters any element (Sets an element to display:block with margin-right:auto and margin-left:auto) Makes a button look like a link (get button behavior) Makes a button group appear vertically stacked Small button group (makes all buttons in a button group smaller)Įxtra small button group (makes all buttons in a button group extra small) Large button group (makes all buttons in a button group larger - increased font-size and padding) Makes a group of buttons span the entire width of the screen

Indicates danger or a negative actionĭefault button. Indicates the current page's location within a navigational hierarchyĬreates a basic button (gray background and rounded corners)Ĭreates a block level button that spans the entire width of the parent element Represents a warning or a negative actionĪ pagination. Indicates success or a positive actionĪdds a yellow background color to an element. Represents something importantĪdds a green background color to an element. Represents some informationĪdds a blue background color to an element. Represents danger or a negative actionĪdds a light-blue background color to an element. Indicates caution should be taken with this actionĬreates a circular badge (grey circle - often used as a numerical indicator)Īdds a red background color to an element. Indicates a successful or positive action Used on links inside alerts to add matching colored links Indicates a dangerous or potentially negative action The Affix plugin allows an element to become affixed (locked/sticky) to an area on the page. Adds a black background and a white color to the current link inside an inverted navbar.Īdds a blue background color to the active list item in a list groupĪdds a blue background color to simulate a 'pressed' buttonĪdds a blue background color to the active dropdown item in a dropdownĪdds a blue background color to the active pagination link (to highlight the current page) Adds a grey background color to the table row ( or table cell ( ) (same color used on hover)Īdds a gray background color to the active link in a default

Bootstrap text styles