You are here

bs-3col-bricked.html.twig in Bootstrap Layouts 8.4

Same filename and directory in other branches
  1. 8.5 templates/3.0.0/bs-3col-bricked.html.twig

Bootstrap Layouts: "3 Columns (bricked)" template.

Available layout variables:

  • wrapper: Wrapper element for the layout container.
  • attributes: Wrapper attributes for the layout container.

Available region variables:

  • top
  • top_left
  • top_middle
  • top_right
  • middle
  • bottom_left
  • bottom_middle
  • bottom_right
  • bottom

Each region variable contains the following properties:

  • wrapper: The HTML element to use to wrap this region.
  • attributes: The HTML attributes to use on the wrapper for this region.
  • content: The content to go inside the wrapper for this region.

File

templates/3.0.0/bs-3col-bricked.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Bootstrap Layouts: "3 Columns (bricked)" template.
  5. *
  6. * Available layout variables:
  7. * - wrapper: Wrapper element for the layout container.
  8. * - attributes: Wrapper attributes for the layout container.
  9. *
  10. * Available region variables:
  11. * - top
  12. * - top_left
  13. * - top_middle
  14. * - top_right
  15. * - middle
  16. * - bottom_left
  17. * - bottom_middle
  18. * - bottom_right
  19. * - bottom
  20. *
  21. * Each region variable contains the following properties:
  22. * - wrapper: The HTML element to use to wrap this region.
  23. * - attributes: The HTML attributes to use on the wrapper for this region.
  24. * - content: The content to go inside the wrapper for this region.
  25. */
  26. #}
  27. <{{ wrapper }}{{ attributes }}>
  28. {{ title_suffix.contextual_links }}
  29. {% if top.content %}
  30. <{{ top.wrapper }}{{ top.attributes }}>
  31. {{ top.content }}
  32. </{{ top.wrapper }}>
  33. {% endif %}
  34. {% if top_left.content %}
  35. <{{ top_left.wrapper }}{{ top_left.attributes }}>
  36. {{ top_left.content }}
  37. </{{ top_left.wrapper }}>
  38. {% endif %}
  39. {% if top_middle.content %}
  40. <{{ top_middle.wrapper }}{{ top_middle.attributes }}>
  41. {{ top_middle.content }}
  42. </{{ top_middle.wrapper }}>
  43. {% endif %}
  44. {% if top_right.content %}
  45. <{{ top_right.wrapper }}{{ top_right.attributes }}>
  46. {{ top_right.content }}
  47. </{{ top_right.wrapper }}>
  48. {% endif %}
  49. {% if middle.content %}
  50. <{{ middle.wrapper }}{{ middle.attributes }}>
  51. {{ middle.content }}
  52. </{{ middle.wrapper }}>
  53. {% endif %}
  54. {% if bottom_left.content %}
  55. <{{ bottom_left.wrapper }}{{ bottom_left.attributes }}>
  56. {{ bottom_left.content }}
  57. </{{ bottom_left.wrapper }}>
  58. {% endif %}
  59. {% if bottom_middle.content %}
  60. <{{ bottom_middle.wrapper }}{{ bottom_middle.attributes }}>
  61. {{ bottom_middle.content }}
  62. </{{ bottom_middle.wrapper }}>
  63. {% endif %}
  64. {% if bottom_right.content %}
  65. <{{ bottom_right.wrapper }}{{ bottom_right.attributes }}>
  66. {{ bottom_right.content }}
  67. </{{ bottom_right.wrapper }}>
  68. {% endif %}
  69. {% if bottom.content %}
  70. <{{ bottom.wrapper }}{{ bottom.attributes }}>
  71. {{ bottom.content }}
  72. </{{ bottom.wrapper }}>
  73. {% endif %}
  74. </{{ wrapper }}>