BagramGalina
@BagramGalina
Осваиваю профессию Фронтендер. Пишу книги

Почему col-xl-10 не работает при указании col-md-8?

Добрый день!
хочу сделать адаптивный дизайн с помощью 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>


Заранее благодарю за ответ
  • Вопрос задан
  • 70 просмотров
Решения вопроса 1
kawabanga
@kawabanga
col-8 col-sm-6 col-md-8 col-lg-8 col-lx-10

наоборот классы сделайте.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
ThunderCat
@ThunderCat Куратор тега HTML
{PHP, MySql, HTML, JS, CSS} developer
Принцип построения блоков в бутстрап описан в документации, а вы прочитали 3 рандомные странички и пытаетесь по ним что-то построить. Каждый адаптивный блок должен быть заключен в row, а внутри уже можно располагать какое-то количество col элементов.

Так же вся адаптивная страничка должна содержать container, задающий ширину адаптива.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы