Вставить Bootstrap 3 Только на основе сетки

Question

У меня есть существующий веб-сайт, который мне нужно добавить сетку, основанную на макете, только в пределах основной области содержимого, а не в области навигации или нижнего колонтитула. Проблема, с которой я сталкиваюсь, заключается в том, что, когда я использую инструмент настройки загрузки bootstrap 3 и отменил выбор всего, кроме опции сетки, а затем добавлю полученный файл bootstrap.css, он изменит мою типографию страниц, размеры элементов и т. Д. И выкинет весь макет страница из wack.

Есть ли у кого-нибудь советы о том, как встроить в мою сетку сетку, такую ​​как система сетки Bootstrap 3, и заставить ее работать только с дочерними элементами div с добавленным к ней классом «сетка» (или некоторым подобным CSS селектор). У меня возникает ощущение, что попытка встроить всю сетку Bootstrap 3 в мою страницу будет ненужной и что она может быть такой же простой, как определение диапазона классов CSS, таких как .row, .col-1, .col-2 и т. Д. но я не знаю, с чего начать.

NB: реагирующие возможности системы сетки не требуется, но было бы хорошо, если бы они все еще могут быть использованы с помощью COL-MD, Col-см и т.д.

Спасибо заранее.

Answer 1

Мне удалось выяснить, что мне нужно сделать. Я просмотрел файл Bootstrap.css и извлек все классы, чтобы использовать стили .content, .row и .col- *, затем я вложил их в свою собственную таблицу стилей и изменил их в соответствии с моим необходимым вариантом использования для столбцов, и он сделал именно то, что мне было нужно.