Bootstrap Responsive



Nella creazione della pagina, puo’ essere utile usare bootstrap, oppure usare il file style.css in alternativa a Less.

In questo caso occorre:

  • scaricare i file bootstrap.js e bootstrap.css (min in produzione)
  • inserirli nella cartella web>css e web>js
  • creare un file default_head_blocks.xml

Ecco il contenuto di default_head_blocks.xml


                    

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<css src="css/bootstrap.css" order="99"></css>
<css src="css/style.css" order="100"/>
<script src="js/bootstrap.js"></script>
</head>
</page>


Come gia’ detto, questi file sono contentuti in <Magento folder> <tema> web

Magento

Attivazione del tema

Magento setup

Fatti questi passi, il tema è pronto per la attivazione, andando in CONTENT | Configuration.
Scegliere EDIT e nella finestra che si presenta selezionare il tema creato.