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, задающий ширину адаптива.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
21 нояб. 2024, в 19:31
500 руб./за проект
21 нояб. 2024, в 19:28
200000 руб./за проект
21 нояб. 2024, в 19:09
5000 руб./за проект