Сделать блок top_line шириной 100% контейнера

@Cdelphi78 · Регистрация: 21.02.2014

Студворк — интернет-сервис помощи студентам

Всем привет! я что то не пойму мне нужно .блок top_line сделать шириной 100% а контейнер по умалчанию, однакао когда я так делаю получается непонятно что, появляется полоса прокрутки и .top_line не заливается цветом на 100% убираю контейнер все нормально .top_line на 100%

HTML5
1
2
3
4
5
 <div class="top_line">
         <div class="container">
             123
         </div>
     </div>

Кликните здесь для просмотра всего текста

Сделать блок top_line шириной 100% контейнера

Кликните здесь для просмотра всего текста

@siyanie · 25.01.2016, 21:52

Cdelphi78, в вашей старой теме я вам рекомендовал изучить хорошо официальную документацию, там есть все ответы. Я потратил на нее 1 день и без проблем верстаю

Сеичас сел за SASS, поменял количество колонок на 24(вместо 12) и буду работать с исходниками, много путного с ними можно делать.

@Cdelphi78 · 25.01.2016, 22:07 **[ТС]**

1 день- не может быть там туева туча всяких плюшек) Зачем 24 колонки, дак исходники нельзя ж править а что вы там путного можете с ними сделать?)

Добавлено через 6 минут
еще вопрос я сейчас чтобы вставить меню в сетку бутстрап создал два пустых блока, col-md-3, col-md-4 так правильно делать, или как то их опустить можно эти блоки, нелогично сделано.

@siyanie · 25.01.2016, 22:20

Cdelphi78, молодой, память хорошая

24 колонки позволяют лучше контролировать отступы. Суть в том, что при использовании SASS, LESS можно выбирать только что нужно(навигация, кнопки, формы) и в итоге в CSS файле будет то что нужно, а не все подряд. Хотя можно скачать просто сетку, но главный плюс гибкость и можно взять допустим форму и поменять у нее цвет и так далее....погуглите в общем

Добавлено через 10 минут
Cdelphi78, не понял, у вас есть 12 колонок и их нужно распихать. Если допустим у вас будет левая 5 и правая 5, то 2 колонки останутся в виде отступа с права.

@Cdelphi78 · 25.01.2016, 22:31 **[ТС]**

Не встречал таких макетов, разобрался с проблемой в первом посте, оказалось conteiner-fluid не прописал, вот как бывает изучаешь изучаешь, садищься за первый макет на бутстрапе и сразу встреваешь на первом этапе)

Добавлено через 3 минуты

Сообщение от siyanie

у вас есть 12 колонок и их нужно распихать.

В любом случае? даже если будут пустые?, я вот про это и спрашиваю, как видите есть небольшое меню которое нужно разместить в центре, на обычном css взял создал 1 блок и разместил его по центру marginaми или text-align а тут нужно все равно делать блок под каждую колонку.

@siyanie · 25.01.2016, 22:41

Cdelphi78, не нужно никаких маржинов. Вот:

CSS
1
2
3
4
<div class="row">
  <div class="col-md-4 col-md-offset-1"></div>
  <div class="col-md-4 col-md-offset-2"></div>
</div>

Мы получим 2 блока с отступами с права и с лева по 1 колонке, а между самими блоками будет отступ в 2 колонки. Поэтому и лучше верстать через 24 колонки, Вы можете еще точнее сделать отступы.

@Cdelphi78 · 25.01.2016, 22:53 **[ТС]**

siyanie, немного не то, вот что мне нужно получить, сейчас я сделал это вот так

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="row">
                 <div class="col-lg-3 .col-md-3"></div>
                 <div class="col-lg-6 .col-md-6">
                     <div class="nav">
                         <ul class="clearfix">
                             <li>Стоимость</li>
                             <li>Отзывы</li>
                             <li>Написать письмо</li>
                         </ul>
                     </div>
                 </div>
                 <div class="col-lg-3 col-md-3"></div>
             </div>

@siyanie · 25.01.2016, 23:12

Cdelphi78, Для начала не нужно делать пустой блок, засоряете разметку. Этого хватит
<div class="col-md-6 col-md-offset-3"></div>. Далее зачем делать еще один див с классом nav? Делайте уже тогда <nav>. ДА, ВЫ МОЖЕТЕ ДАТЬ КЛАСС БЛОКУ С "col-md-6", не нужно делать еще блоки что бы дать класс.
Используйте inline-block к li, а не float и можно будет не писать clearfix к ul

HTML5
1
2
3
4
5
6
7
8
9
<div class="col-md-6 col-md-offset-3">
  <nav>
  <ul class="clearfix">
      <li>Стоимость</li>
      <li>Отзывы</li>
      <li>Написать письмо</li>
  </ul>
  </nav>
</div>

Новые блоги и статьи Все статьи Все блоги /
Nekobox - outbounds[0].transport: unknown transport type: raw damix 01.10.2026 Фикс ошибки Правым кликом по серверу -> отладочная информация -> edit Заменить "net": "raw", на "net": "tcp", Нажать кнопку reload.	Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .	Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .
Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .	Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .	Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .

@siyanie 13 / 13 / 7 Регистрация: 21.11.2015 Сообщений: 85
	25.01.2016, 21:52
	Cdelphi78, в вашей старой теме я вам рекомендовал изучить хорошо официальную документацию, там есть все ответы. Я потратил на нее 1 день и без проблем верстаю Сеичас сел за SASS, поменял количество колонок на 24(вместо 12) и буду работать с исходниками, много путного с ними можно делать. 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	25.01.2016, 22:07 [ТС]
	1 день- не может быть там туева туча всяких плюшек) Зачем 24 колонки, дак исходники нельзя ж править а что вы там путного можете с ними сделать?) Добавлено через 6 минут еще вопрос я сейчас чтобы вставить меню в сетку бутстрап создал два пустых блока, col-md-3, col-md-4 так правильно делать, или как то их опустить можно эти блоки, нелогично сделано. 0

@siyanie 13 / 13 / 7 Регистрация: 21.11.2015 Сообщений: 85
	25.01.2016, 22:20
	Cdelphi78, молодой, память хорошая 24 колонки позволяют лучше контролировать отступы. Суть в том, что при использовании SASS, LESS можно выбирать только что нужно(навигация, кнопки, формы) и в итоге в CSS файле будет то что нужно, а не все подряд. Хотя можно скачать просто сетку, но главный плюс гибкость и можно взять допустим форму и поменять у нее цвет и так далее....погуглите в общем Добавлено через 10 минут Cdelphi78, не понял, у вас есть 12 колонок и их нужно распихать. Если допустим у вас будет левая 5 и правая 5, то 2 колонки останутся в виде отступа с права. 0