html - 在哪里编辑 bootstrap @grid-float-breakpoint

Question

我知道您可以更改“variables.less”文件中的@grid-float-breakpoint，该文件编译成我们都下载和使用的 Bootstrap 包(我认为)。

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    └── glyphicons-halflings-regular.woff

我的问题是，您是否可以在不自定义新的 Bootstrap 包的情况下更改@grid-float-breakpoint，而是使用@media 或其他方法通过CSS 更改它。如果可能，请告知在何处以及如何执行此操作的方法。谢谢

Answer 1

有 2 种推荐的主要和不同方法来更改@grid-float-breakpoint(这是 LESS 中的一个变量)。

1. 您可以下载母版 ( https://github.com/twbs/bootstrap/archive/master.zip )，打开 bootstrap.com/variables.less 文件，然后使用 LESS 编译器编译。 这涉及在您的计算机上安装 LESS 编译器，例如 Grunt(多平台)或 CodeKit (Mac)。

1. 或转到getbootstrap.com/customize并在那里更改变量并下载已编译的 CSS 文件。