Bootstrap Cookbook

The wiki now supports Bootstrap 4 styling.

You can use a variety of CSS styles from Twitter Bootstrap v4. Just Edit this page to copy example uses.

Bootstrap is used automatically for all the EdgeWiki content, but many of the special formatting effects require multiple styles stacked together. Sometimes you need to apply multiple styles to a paragraph, and often you need to nest a specific sequence of styles.

This is a blockquote paragraph.

Alerts

Warning! Look out. This is the warning alert.

Success

This alert is longer, and uses the success colors.

Thie second paragraph has a classname that trims the extra space.

Cards

Text inside a card. To remove the extra space below the paragraph, we’ve used the Bootstrap mb-0 class on the paragraph.

Centered text inside a card with inverted primary colors.

Special title treatment

With supporting text below as a natural lead-in to additional content.
Go somewhere

Note: Button spacing in Featured card looks off, compared to: https://v4-alpha.getbootstrap.com/components/card/, and styling for hyperlink is wrong. Need to remove wiki override of Bootstrap.

Multi-Column Display

Left-side card

With supporting text below as a natural lead-in to additional content.

Right-side card

With supporting text below as a natural lead-in to additional content.

Carousels Do Not Work

List Groups

  • Roses are red
  • Violets are blue
  • This isn’t really a poem.

Note: There’s no way to set the UL element’s class, which should be list-group. The list probably shouldn’t be indented in this case.

Heading 1

Paragraph of text.

Another paragraph.

Heading 2

More text.

Heading 2 Again

Another second level heading.



Faithlife Wiki

Welcome, Guest! (sign in)