Как я могу комбинировать сетку Bootstrap с другой сеткой?

Question

Я создаю HTML-страницу на основе электронной таблицы. Разумеется, электронная таблица имеет свои собственные цвета и спецификации данных, но также имеет собственные ширины столбцов.

Я использую Bootstrap для своего приложения, вплоть до этого момента. Bootstrap, конечно же, сильно упрямый относительно размеров столбцов и строк. Можно утверждать, что эти мнения являются его смыслом.

Вопрос в следующем: могу ли я сказать, что Bootstrap «не идите в этой области» и не создайте мою собственную сетку? Или Bootstrap настаивает на организации всего тела, и поэтому мне нужно отказаться от него для этой страницы?

РАЗРАБОТКА: Я привел пример: я получаю данные с сервера, который интерпретирует электронную таблицу, и необходимо нарисовать представление этой электронной таблицы на основе ширины столбцов и высот строк, которые отправляются с сервера. Поэтому я не думаю, что Bootstrap может помочь мне здесь, и вопрос в том, будет ли он уходить с дороги.

Другими словами, учитывая множество таблиц, таких как прикрепленные (где я заранее не знаю макет и, по сути, не контролирую макет), есть ли способ заставить Bootstrap покинуть этот конкретный только площадь. Обратите внимание на то, насколько высока строка 1 и как узкие H и I и т. Д.

Answer 1

Закройте все ваши контейнеры, строки и столбцы перед вашей настраиваемой сеткой. Затем после вашей настраиваемой сетки создайте новые контейнеры, строки и столбцы.

<div class="container"> 
    <div class="row"> 
    <div class="col-md-8">.col-md-8</div> 
    <div class="col-md-4">.col-md-4</div> 
    </div> 
</div> 

<div class="custom"> 
<!--Your custom code--> 
</div> 

<div class="container"> 
    <div class="row"> 
    <div class="col-md-8">.col-md-8</div> 
    <div class="col-md-4">.col-md-4</div> 
    </div> 
</div>