How to enable Bootstrap Grid classes (not CSS Grid based classes)? #2841
-
|
Discovered in #2818 (reply in thread), apparently @dragonstyle (and Quarto team) disabled by default Boostrap grid system It does not seem we can enable it back. /*-- scss:defaults --*/
$enable-grid-classes: true;And the following Quarto document: ---
title: "Untitled"
format: html
theme:
- test.scss
- cosmo
---
```{=html}
<div class="container">
<div class="row">
<div class="col">
Column
</div>
<div class="col">
Column
</div>
<div class="col">
Column
</div>
</div>
</div>
```It seems I am missing something but I can't figure out what right now ... |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
|
Part of the internals for Quarto layout use bootstrap layout classes using the grid system (which supports In the bootstrap grid system, you can still use classes as described here: https://getbootstrap.com/docs/5.1/layout/css-grid/#examples |
Beta Was this translation helpful? Give feedback.
Part of the internals for Quarto layout use bootstrap layout classes using the grid system (which supports
g-prefixed classes for performing layout), so we depend upon grid being enabled in bootstrap (and thus do not respect your variable declaration, instead always enabling and disabling the flex based css classes).In the bootstrap grid system, you can still use classes as described here: https://getbootstrap.com/docs/5.1/layout/css-grid/#examples