0

Я решил скачать bootstrap и добавить его на свой сайт, после того как я скачал его у меня появилась проблема в html коде а точнее в атрибуте header или header-div.topnav (header div class="topnav"), после добавления bootstrap у меня появились пропуски по бокам, до того как я скачал Bootstrap такого не было. upd. Покопавшись я понял что дело в самом коде bootstrap, изменить я его не решился так как он у меня установлен через ссылку, у меня есть несколько вариантов варианта как это исправить, один из них это - скачать bootstrap и добавить каждый файл туда и изменять код. p.s. при добавлении bootstrap задний фон поменялся с черного на белый, и это тоже проблема (эта проблема связана с самим кодом bootstrap, как писалось ранее)До Bootstrap

После Bootstrap

код html

код css 1/3

css 2/3

css 3/3

2
  • У Вас header встал по контейнеру. Приложите, пожалуйста, вёрстку вашего header
    – SLideR11
    Commented 26 нояб. 2021 в 4:23
  • Я исправил проблему с задним фоном, надо было в html коде поставить код добавления bootstrap выше кода добавления css
    – squared
    Commented 26 нояб. 2021 в 22:27

2 ответа 2

0

Вы бы прежде чем его использовать хотя бы почитали мануалы. bootstrap .container

У вас в хедере .container, он ограничивает блоки по ширине. Если вам это не нужно, используйте .container-fluid. По поводу background у body. Просто пропишите для него свойство.

1
  • У меня проблема с Body-background, у меня в index.css стоит свойство body - background color balck, я посмотрел через код элемента, в самом коде bootstrap-css поставлен код который меняет цвет на белый, сейчас я пытаюсь подсоединить bootstrap на прямую - не через ссылку, и там поменять код. а по поводу container-fluid я не понял, написав в index.css у меня ничего не вышло.
    – squared
    Commented 26 нояб. 2021 в 14:32
0

Я исправил эту проблему не лазая в код bootstrap, я решил поиграться со своим кодом, зайдя в код Html я поставил код добавления bootstrap выше кода добавления css в теге head, то-есть я поставил - link-rel=css src=bootstrap и ниже код link-rel=css src=index.css. В коде index.css я добавил код body-background-color black (Изменит цвет фона), а также код media (min-width 1000px) .container-max-width 2000px (Изменить размер .container)

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.