You are here

bootstrap-6-6-bricks.html.twig in Bootstrap Layouts 8.3

<div {{ attributes.addClass('row') }} >
  {{ title_suffix.contextual_links }}
  {% if content.top %}
  <div class="col-sm-12">
    {{ content.top }}
  </div>
  {% endif %}

  {% if content.upper_left %}
  <div class="col-sm-6">
    {{ content.upper_left }}
  </div>
  {% endif %}

  {% if content.upper_right %}
  <div class="col-sm-6">
    {{ content.upper_right }}
  </div>
  {% endif %}

  {% if content.middle %}
  <div class="col-sm-12">
    {{ content.middle }}
  </div>
  {% endif %}

  {% if content.lower_left %}
  <div class="col-sm-6">
    {{ content.lower_left }}
  </div>
  {% endif %}

  {% if content.lower_right %}
  <div class="col-sm-6">
    {{ content.lower_right }}
  </div>
  {% endif %}

  {% if content.bottom %}
  <div class="col-sm-12">
    {{ content.bottom }}
  </div>
  {% endif %}
</div>

File

templates/bricks/bootstrap-6-6-bricks/bootstrap-6-6-bricks.html.twig
View source
  1. <div {{ attributes.addClass('row') }} >
  2. {{ title_suffix.contextual_links }}
  3. {% if content.top %}
  4. <div class="col-sm-12">
  5. {{ content.top }}
  6. </div>
  7. {% endif %}
  8. {% if content.upper_left %}
  9. <div class="col-sm-6">
  10. {{ content.upper_left }}
  11. </div>
  12. {% endif %}
  13. {% if content.upper_right %}
  14. <div class="col-sm-6">
  15. {{ content.upper_right }}
  16. </div>
  17. {% endif %}
  18. {% if content.middle %}
  19. <div class="col-sm-12">
  20. {{ content.middle }}
  21. </div>
  22. {% endif %}
  23. {% if content.lower_left %}
  24. <div class="col-sm-6">
  25. {{ content.lower_left }}
  26. </div>
  27. {% endif %}
  28. {% if content.lower_right %}
  29. <div class="col-sm-6">
  30. {{ content.lower_right }}
  31. </div>
  32. {% endif %}
  33. {% if content.bottom %}
  34. <div class="col-sm-12">
  35. {{ content.bottom }}
  36. </div>
  37. {% endif %}
  38. </div>