Не работает col offset, в чем причина?

Question

WebMarsy @WebMarsy

Не работает col offset, в чем причина?

Недавно начал изучать Bootstrap и первый же блок с отступом колонок не работает. Все перепробовал, результат -ничего не работает, ничего не изменяется Ниже код

<div class="container">
     <div class="row">
   <div class="col-md-4 offset-md-1">
                qwerty
    </div>
     </div>
   </div>

В чем проблема, почему колонки никак не реагируют на отступы?

Вопрос задан более трёх лет назад
95 просмотров

4 комментария

Подписаться 1 Простой 4 комментария

Ankhena @Ankhena Куратор тега CSS

В чем проблема, почему колонки никак не реагируют на отступы?

Из вашего кода не сделать вывода.
Например, не тот файл, не то подключили, не подключили, не умеете чистить или отключать кеш, масштаб в браузере не тот и media не там срабатывает и т.д.

У меня работают
https://codepen.io/AnnaSummer/pen/JjZROOx

На будущее: делайте песочницы, в которых видно проблему.
Во-первых, пока делаете, 80% начальных проблем решится.
Во-вторых, мы быстрее поймем в чем дело.

Написано более трёх лет назад

WebMarsy @WebMarsy Автор вопроса

Ankhena, Вот листинг кода

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="container">
        <div class="row">
      <div class="col-md-4 offset-md-1">
                   qwerty
       </div>
        </div>
      </div>
</body>
</html>

Написано более трёх лет назад

Ankhena @Ankhena Куратор тега CSS

WebMarsy, ну и где вы вообще подключаете хоть какие-то стили?

Написано более трёх лет назад
WebMarsy @WebMarsy Автор вопроса

Уже сам разобрался, дело было в названии самой библиотеки bootstrap, не ту подключил

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Skillbox

Веб-вёрстка 3.0

3 месяца

Далее
OTUS

HTML/CSS

3 месяца

Далее

Пригласить эксперта

Ваш ответ на вопрос

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

Похожие вопросы

HTML

+1 ещё

Средний
В какую сторону копать решение чтобы решить проблему с наложением?
- 1 подписчик
- 22 нояб.
- 112 просмотров
0

ответов
HTML

+1 ещё

Простой
Как растянуть вложенный блок внутри других блоков на максимальную длину, но не более чем на ширину страницы?
- 1 подписчик
- 21 нояб.
- 113 просмотров
0

ответов
CSS

Простой
Как сверстать кастомную пунктирную обводку у блока?
- 1 подписчик
- 17 нояб.
- 216 просмотров
2

ответа
CSS

Простой
Можно ли использовать функцию calc() в медиазапросах?
- 1 подписчик
- 13 нояб.
- 216 просмотров
1

ответ
HTML

+1 ещё

Простой
Как реализовать форму ввода как в веб-версии chatGPT?
- 3 подписчика
- 13 нояб.
- 224 просмотра
0

ответов
CSS

+1 ещё

Простой
Как оптимизировать svg картинку?
- 1 подписчик
- 11 нояб.
- 182 просмотра
1

ответ
CSS

Средний
Как найти стили в шаблоне Битрикс?
- 1 подписчик
- 06 нояб.
- 167 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как сделать горизонтальный скролл стрелками?
- 1 подписчик
- 05 нояб.
- 267 просмотров
1

ответ
PHP

+2 ещё

Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
- 1 подписчик
- 03 нояб.
- 204 просмотра
0

ответов
CSS

Простой
Как выстроить 4 блока, чтобы расстояния были одинаковые на флексах?
- 1 подписчик
- 31 окт.
- 144 просмотра
2

ответа
Показать ещё Загружается…

WordPress (PHP, HTML/CSS) разработчик

Epiic

от 90 000 ₽

PHP-разработчик

FoodSoul • Калининград

от 180 000 до 250 000 ₽

Frontend Developer (React + Node.js)

Alfabet Service

от 1 000 до 2 000 $

В чем проблема, почему колонки никак не реагируют на отступы?

Из вашего кода не сделать вывода.
Например, не тот файл, не то подключили, не подключили, не умеете чистить или отключать кеш, масштаб в браузере не тот и media не там срабатывает и т.д.

У меня работают
https://codepen.io/AnnaSummer/pen/JjZROOx

На будущее: делайте песочницы, в которых видно проблему.
Во-первых, пока делаете, 80% начальных проблем решится.
Во-вторых, мы быстрее поймем в чем дело.
Ankhena, Вот листинг кода

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div class="container"> <div class="row"> <div class="col-md-4 offset-md-1"> qwerty </div> </div> </div> </body> </html>
WebMarsy, ну и где вы вообще подключаете хоть какие-то стили?
Уже сам разобрался, дело было в названии самой библиотеки bootstrap, не ту подключил

Не работает col offset, в чем причина?

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

Минуточку внимания

Войдите на сайт