---
title: Cum folosesc Bootstrap în Magento 2?
description: "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. `/web/css/bootstrap/`.…"
url: "https://www.hostx.ro/kb/cum-utilizez-bootstrap-in-magento-2/"
updated: "2026-07-26"
category: Programare / Aplicații / Magento
tags:
  - CSS
  - Magento 2
  - teme
---

# 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.