Як отримати просто чуйну сітку від Bootstrap 3?

Мені потрібно додати чуйні функції дизайну до мого веб-додатку за допомогою Twitter Bootstrap. Я просто хочу чуйної поведінки, мене не цікавлять типографія, компоненти або будь-які інші речі, що входять до Bootstrap.

Я отримав індивідуальну версію Bootstrap, просто вибравши сітку. Однак, коли я додаю створений CSS у свою програму, всі мої стилі змішуються (заголовок, посилання та інші). Чому це відбувається? Як я можу отримати CSS Bootstrap за допомогою лише сітчастої системи? Я хотів би уникати ручної модифікації файлів Bootstrap.

Перейдіть на сторінку http://getbootstrap.com/customize/ і перемкніть лише те, що ви хочете, від рамки BS3, а потім натисніть "Компілювати та завантажити", і ви отримаєте вибрані CSS та JS.

Відкрийте CSS та видаліть усі, крім сітки. Вони включають і деякі нормуючі речі. І вам потрібно буде налаштувати всі стилі вашого веб-сайту на розмір поля: border-box - http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

Оформити замовлення zirafa / bootstrap-grid-only . Він містить лише сітку завантажувальної програми та сприятливі утиліти, які вам потрібні (без скидання чи нічого) та спрощує складність роботи безпосередньо з меншими файлами .

Просто виберіть Grid systemі "утиліти, що реагують", це дає вам таке: http://jsfiddle.net/7LVzs/

Зробив грунт для побудови лише з сіткою Bootstrap 3.3.5:

https://github.com/horgen/grunt-builds/tree/master/bootstrap-grid

~ 10 Кб мінімізовано.

Якщо вам потрібні деякі інші частини Bootstrap, просто включіть їх у /src/less/bootstrap.less.

Я б запропонував замість цього використати http://getpreboot.com/ MDO . Станом на v2, prebootзадні порти МЕШЕ міксин / змінні, що використовуються для створення системи Got Bootstrap 3.0, і набагато менша вага, ніж використання генератора CSS. Насправді, якщо ви лише включите preboot.less, НІ накладних витрат, оскільки весь файл складається з міксин / змінних, і тому вони використовуються лише для попередньої компіляції, а не для остаточного виводу.

Схоже, зараз ви можете завантажити лише сітку на нових функціях завантаження Bootstrap 4s.

Минув час, коли це питання було задано, але, можливо, тепер ви можете взагалі відмовитися від Bootstrap і використовувати CSS Grid! (це простіше, акуратніше, гнучкіше і швидше). Дивіться цю класну статтю: Перестаньте використовувати Bootstrap - створіть практичний шаблон сітки CSS для вашого інтерфейсу на основі компонентів

У Bootstrap 4 у GitHub вже є окремі файли. Ви можете їх знайти тут

https://github.com/twbs/bootstrap/tree/main/dist/css