Как в bootstrap сделать определенную ширину контейнера?

@morda77 · Регистрация: 22.12.2012

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

Есть оригинальная верстка: http://hfb7905u.bget.ru/portfo... index.html
Есть верстка на bootstrap: http://hfb7905u.bget.ru/portfo... index.html
Как сделать у верстки на bootstrap точно такую же ширину главного контейнера, как у оригинальной?
Спасибо.

@fol · 04.04.2016, 08:25

в первом случае у таблицы ширина 802, у бутсрапа ширина контейнера на максимальном разрешении 1170px, надо пилить класс .container

@morda77 · 04.04.2016, 09:16 **[ТС]**

fol, а можете подробнее описать?
Спасибо.

@fol · 04.04.2016, 14:01

Так а что описывать? Чтобы поменять ширину бутстраповского контейнера, нужно либо в файле бутстрапа переопределить ее, либо в любом стилевом файле. Но пилить классы бустрапа не очень хорошо, т.к. может адаптивность поломаться, которая завязана на этих классах. Еще вариант дать доп.класс и селектор привязать уже к нему, например .my-class.container{...}, тогда остальные контейнеры бутстрапа не изменятся

@morda77 · 04.04.2016, 16:00 **[ТС]**

fol, "Еще вариант дать доп.класс и селектор привязать уже к нему, например .my-class.container{...}, тогда остальные контейнеры бутстрапа не изменятся" а можете написать, как это будет?
Спасибо.

@fol · 04.04.2016, 16:07

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

а можете написать, как это будет?

так я же написал: .my-class.container{...}
т.е. блоку с классом container дописать класс my-class и для селектора .my-class.container написать стили

@morda77 · 04.04.2016, 20:07 **[ТС]**

fol, Спасибо!
А не подскажете еще, почему у меня теперь на мобильных экранах текст выезжает за правую границу блока .text-index, и в итоге полоса прокрутки появляется?
http://hfb7905u.bget.ru/portfo... index.html

Добавлено через 32 минуты
fol, вроде текст поправил, все равно полоса прокрутки появляется

Добавлено через 1 час 52 минуты
Проблему с гориз. полосой прокрутки решил. Спасибо.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@morda77 24 / 24 / 10 Регистрация: 22.12.2012 Сообщений: 2,712

	Как в bootstrap сделать определенную ширину контейнера? 04.04.2016, 04:12. Показов 3037. Ответов 6 Метки bootstrap, css, html (Все метки) Есть оригинальная верстка: http://hfb7905u.bget.ru/portfo... index.html Есть верстка на bootstrap: http://hfb7905u.bget.ru/portfo... index.html Как сделать у верстки на bootstrap точно такую же ширину главного контейнера, как у оригинальной? Спасибо. 0

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	04.04.2016, 08:25
	в первом случае у таблицы ширина 802, у бутсрапа ширина контейнера на максимальном разрешении 1170px, надо пилить класс .container 1

@morda77 24 / 24 / 10 Регистрация: 22.12.2012 Сообщений: 2,712
	04.04.2016, 09:16 [ТС]
	fol, а можете подробнее описать? Спасибо. 0

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	04.04.2016, 14:01
	Так а что описывать? Чтобы поменять ширину бутстраповского контейнера, нужно либо в файле бутстрапа переопределить ее, либо в любом стилевом файле. Но пилить классы бустрапа не очень хорошо, т.к. может адаптивность поломаться, которая завязана на этих классах. Еще вариант дать доп.класс и селектор привязать уже к нему, например .my-class.container{...}, тогда остальные контейнеры бутстрапа не изменятся 1

@morda77 24 / 24 / 10 Регистрация: 22.12.2012 Сообщений: 2,712
	04.04.2016, 16:00 [ТС]
	fol, "Еще вариант дать доп.класс и селектор привязать уже к нему, например .my-class.container{...}, тогда остальные контейнеры бутстрапа не изменятся" а можете написать, как это будет? Спасибо. 0

@morda77 24 / 24 / 10 Регистрация: 22.12.2012 Сообщений: 2,712
	04.04.2016, 20:07 [ТС]
	fol, Спасибо! А не подскажете еще, почему у меня теперь на мобильных экранах текст выезжает за правую границу блока .text-index, и в итоге полоса прокрутки появляется? http://hfb7905u.bget.ru/portfo... index.html Добавлено через 32 минуты fol, вроде текст поправил, все равно полоса прокрутки появляется Добавлено через 1 час 52 минуты Проблему с гориз. полосой прокрутки решил. Спасибо. 0

Как в bootstrap сделать определенную ширину контейнера?

Решение