<li class=«navigation-icon»>
<a href=«#» class=«navigation-link»> Womens </a>
</li>
<li class=«navigation-icon»>
<a href=«#» class=«navigation-link»> Mens </a>
</li>
<li class=«navigation-icon»>
<a href=«#» class=«navigation-link»> Goods </a>
</li>
<li class=«navigation-icon»>
<a href=«#» class=«navigation-link»> Brands </a>
</li>
<li class=«navigation-icon»>
<a href=«#» class=«navigation-link»> Blog </a>
</li>
</ul>
</nav>
</div>
<div class=«col-2»>
<button class=«button»>
<img class=«button-icon» src=«img/Фото» alt=«icon Card»>
<span class=«button-text»> Cart </span>
</button>
</div>
</div>
</header>
Кратко опишу теги, примененные выше в коде
container это ключевой строительный блок Bootstrap. Его применяют для содержания, заполнения, центрирования содержимого внутри него.
<div class=«row»> класс «row"является элементом библиотеки Bootstrap. Ее сетка состоит из строк и колонок, что дает возможность позиционировать элементы на странице как это необходимо по макету. Сам класс означает ряд, который занимает всю ширину элемента, внутри которого он находится, выравнивание по горизонтали реализуется через колонки col.