Jump to content
Sign in to follow this  
malkovan

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

Recommended Posts

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

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

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

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

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

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

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

58be83400fdcd_QIPShot-Screen194.png.a2172f9d4a519383d12030c78053582f.png

 

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

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

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

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

 

Share this post


Link to post
Share on other sites

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

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

 

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

  • +1 1

Share this post


Link to post
Share on other sites
.containter { width: 100%!important; }

 

  • +1 1

Share this post


Link to post
Share on other sites
В 07.03.2017 в 15:07, AlexDW сказал:

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

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

 

В 07.03.2017 в 15:19, kJlukOo сказал:
.containter { width: 100%!important; }

 

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

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

* containter - лишняя?

Edited by malkovan

Share this post


Link to post
Share on other sites

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

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

Edited by jaffagold

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.