Добрый день!
хочу сделать адаптивный дизайн с помощью bootstrap.
указываю по очереди классы, вроде все по инструкции. по почему-то при указании col-md-8 col-xl-10.
класс col-xl-10 не отрабатывает. выводится, как col-md-8.
кусок кода прилагаю
<header>
<div class="container">
<div class="heading clearfix">
<div class="Btn-group col-8 col-sm-6 col-md-8 col-lg-8 col-lx-10">
<button type="button" class="btn btn-outline-light btn-sm me-5 fs-2" style="width: 8em;">
<a href="#1">о нас </a>
</button>
<button type="button" class="btn btn-outline-light btn-sm me-5 fs-2" style="width: 8em;" >
<a href="#3">портфолио </a>
</button>
<button type="button" class="btn btn-outline-light btn-sm me-5 fs-2" style="width: 8em;">
<a href="#2">услуги </a>
</button>
<button type="button" class="btn btn-outline-light btn-sm fs-2" style="width: 8em;">
<a href="#4">контакты </a>
</button>
</div>
<img src="img/redlogo1.png" alt="foxprint" class="logo col-md-2 col-lg-2" >
</div>
</header>
Заранее благодарю за ответ