Как правильно растянуть на весь экран?

[malkovan]

Т.к. я полный дилетант в вопросах кода, правок, стилей и т.д., но при этом эмпирическим путём, посредством хотя-бы Инструмента разработчиков в Хроме, что-то удаётся понять и изменить.

Теперь вопрос о растягивании сайта, по примеру подвала.

Вижу в ир, что за это отвечают три значения, относятся видимо к монитору, на котором отображается сайт, и есть возможность вписать ширину контейнера ниже.

Видно, что ширину контейнера перебивают другие значения, т.к. значение перечёркнуто.

Собственно вопрос.

Правильнее удалить три значения ориентированные на разрешение монитора, а ширину контейнера поставить 100%?

Или задать три этих значения по 100%?

 

Ещё вопрос рядом.

Менять bootstrap очень не удобно, одна длинная строчка.

Подскажите решение, как мне дописать например строчку шестую ниже с нужными изменениями, чтобы она была важнее и в неё нужные изменения вносить.

Либо есть вариант, как то делается, когда изменения вносятся вообще в отдельный файл, научите?

 

[AlexDW]

не трогайте bootstrap - может привести к проблемам с отображением/работой в целом

хотите изменить стили - создайте свой файл, используйте !important для перекрытия или свои собственные классы

 

для обучения есть отличный онлайн-справочник

[kJlukOo]

.containter { width: 100%!important; }

 

[malkovan]

В 07.03.2017 в 15:07, AlexDW сказал:

 создайте свой файл

Где нужно его разместить?

 

В 07.03.2017 в 15:19, kJlukOo сказал:

.containter { width: 100%!important; }

 

А эта правка делается в bootstrap.min.css, чтобы прочие значения уже не перебивали?

Или это код для отдельного файла для изменения стилей?

* containter - лишняя?

Змінено 8 березня 2017 користувачем malkovan

[jaffagold]

Если вы имеете знания html и css, то вам не хватает совсем чуть-чуть. Пока вы делаете неправильно. Чтобы делать правильно, вам надо понять как работает сетка Bootstrap/ Без этих знаний вы "наломаете дров".
Ссылка на популярное изложение( на 10 минут чтения):

Скрытый текст

https://itchief.ru/lessons/bootstrap-3/22-the-grid-system-twitter-bootstrap-3

Ссылка на сам Bootstrap

Змінено 8 березня 2017 користувачем jaffagold