Cum folosesc Bootstrap în Magento 2?

Temele Magento 2 folosesc nativ LESS, deci poți integra Bootstrap (bazat tot pe LESS/Sass) în tema ta. Iată pașii principali.

1. Descarcă pachetul sursă Bootstrap (versiunea LESS) și copiază folderul less (cu fișierele și mixins) în tema ta, ex. <theme>/web/css/bootstrap/.
2. Creează un fișier principal (ex. <theme>/web/css/bootstrap.less) care importă fișierele Bootstrap dorite.
3. Include CSS-ul și JS-ul în layout-ul temei (Magento_Theme/layout/default_head_blocks.xml):

   <css src="css/bootstrap.css"/>
   <script src="js/bootstrap.min.js"/>

4. Compilează LESS-ul. În modul developer, Magento compilează automat; alternativ folosește Grunt (grunt exec, grunt less) sau setup:static-content:deploy pentru producție.

Importă doar componentele necesare pentru a evita conflicte cu stilurile temei Magento.