Se disponevo di un flusso di lavoro di sviluppo che supporta SCSS e utilizza il bootstrap. Posso posizionare i tag bootstrap in due modi ...
- All'interno dell'HTML:
<div class="col-sm-3 offset-sm-9 col-xl-1 offset-xl-11"> - Parte dello SCSS:
<div class="mymain">con il seguente SCSS
.mymain {
@extends .col-sm-3;
@extends .offset-sm-9;
@extends .col-xl-1;
@extends .offset-xl-11;
}
Personalmente la mia preferenza è la più recente, dal momento che rifatta gli elementi del layout dell'interfaccia utente dal codice HTML / JSX e il debug mi darà il nome del componente.
Anche se il debugging non mi dà gli scostamenti e tale plus che rende le modifiche in tempo reale sarà più difficile.
Qual è il modello più consolidato per le applicazioni più grandi.