components-jumbotron.txt 987 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. Jumbotron
  2. ===============================================================================
  3. A lightweight, flexible component that can optionally extend the entire
  4. viewport to showcase key content on your site.
  5. .. container:: bs-example
  6. .. jumbotron::
  7. :h1:`Hello, world!`
  8. This is a simple hero unit, a simple jumbotron-style component for
  9. calling extra attention to featured content or information.
  10. .. button:: Learn more
  11. :class: primary large
  12. .. code::
  13. :class: highlight
  14. .. jumbotron::
  15. :h1:`Hello, world!`
  16. This is a simple hero unit, a simple jumbotron-style component for
  17. calling extra attention to featured content or information.
  18. .. button:: Learn more
  19. :class: primary large
  20. To make the jumbotron full width, and without rounded corners, place it outside
  21. all .containers and instead add a .container within.
  22. .. code::
  23. :class: highlight
  24. .. jumbotron::
  25. .. container::
  26. ...