Twitter Bootstrap Callout CSS Styles 3.x-4.x

Spread the love
(Last Updated On: February 26, 2022)


wp 4.9.1 tested

The Bootstrap Callout styles in their documentation is really a nice way to draw attention to important information. For some reason these Callouts are not included in the actual Bootstrap distribution.

Here is my interpretation of the missing CSS code for generic Bootstrap Callouts. The color codes for the info, warning, and danger Callouts are a direct pull from their live CSS for the docs, so I added styles for default, success, and primary.

[callout type=”success” size=”lg”] They include a nice background, color derived from Bootstrap color rules. They also include a transparent and a disabled class. [/callout]

Team Cook

Bachelor in IT, father, Photograph, Communist slayer, I also build useful tools for my community and destroy repetitive tasks for the past 20 years. "Who controls the information, controls the future."

0 0 votes
Article Rating
Notify of

1 Comment
Newest Most Voted
Inline Feedbacks
View all comments
4 years ago


Would love your thoughts, please comment.x