TextBootstrapBundle
Related Docs:
object TextBootstrapBundle
| package bootstrap4
Similar to the contextual text color classes, easily set the background of an element to any contextual class.
Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes.
Add classes to an element to easily round its corners.
Add classes to an element to easily round its corners.
https://getbootstrap.com/docs/4.0/utilities/borders/#border-radius
Change the border color using utilities built on our theme colors.
Change the border color using utilities built on our theme colors.
https://getbootstrap.com/docs/4.0/utilities/borders/#border-color
Add classes to an element to remove all borders or some borders.
Add classes to an element to remove all borders or some borders.
Add classes to an img element to easily style images in any project.
Add classes to an img element to easily style images in any project.
Table with pagination
Table with pagination
Float an element to the left or right with a class.
Float an element to the left or right with a class.
!important is included to avoid specificity issues.
To align components in navbars with utility classes, use .navbar-left or .navbar-right instead. See the navbar docs for details.
Add or remove shadows to elements with box-shadow utilities.
Add or remove shadows to elements with box-shadow utilities.
4.1
Easily realign text to components with text alignment classes.
Easily realign text to components with text alignment classes.
Convey meaning through color with a handful of emphasis utility classes.
Convey meaning through color with a handful of emphasis utility classes. These may also be applied to links and will darken on hover just like our default link styles.
Transform text in components with text capitalization classes.
Transform text in components with text capitalization classes.
Control the visibility, without modifying the display, of elements with visibility utilities.
Control the visibility, without modifying the display, of elements with visibility utilities.
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Button builder
Button builder
Use any of the available button classes to quickly create a styled button
Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes
Create block level buttons—those that span the full width of a parent— by adding .btn-block
Buttons will appear pressed (with a darker background, darker border, and inset shadow) when active
Make buttons look unclickable by fading them back with opacity
A slideshow component for cycling through elements, like a carousel.
A slideshow component for cycling through elements, like a carousel.
Nested carousels are not supported.
Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
Add small overlays of content, like those on the iPad, to any element for housing secondary information.
Add small overlays of content, like those on the iPad, to any element for housing secondary information. Popovers whose both title and content are zero-length are never displayed.
Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.
Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.
Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.
Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage. Tooltips with zero-length titles are never displayed.
Simple bootstrap navigation bar
Simple bootstrap navigation bar
Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
Add small overlays of content, like those on the iPad, to any element for housing secondary information.
Add small overlays of content, like those on the iPad, to any element for housing secondary information. Popovers whose both title and content are zero-length are never displayed.
Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.
Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage. Tooltips with zero-length titles are never displayed.