在哪里编辑bootstrap @ grid-float-breakpoint [英] Where to edit bootstrap @grid-float-breakpoint

问题描述

我知道你可以在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 
└──字体/ 
├──glyphicons-halflings-regular.eot 
├──glyphicons-halflings-regular.svg 
 ├──glyphicons-halflings-regular.ttf 
└──glyphicons-halflings-regular.woff 
  

我的问题是，你可以更改@ grid-float-breakpoint而无需自定义新的引导程序包，而是通过CSS使用@media或其他方法更改它。如果可能的话，请咨询在哪里以及如何做到这一点的方法。谢谢

解决方案

有两种推荐的main和不同的方法来改变@ grid-float-breakpoint （这是LESS中的变量）。

1. 您可以下载master（并更改变量在那里下载一个编译好的CSS文件。

I know that you can change @grid-float-breakpoint in the "variables.less" file which compiles into the bootstrap package we all download and use (I think).

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

My question is can you change the @grid-float-breakpoint without customising a new bootstrap package, but instead change it through CSS with @media or some other method. If possible please advice the method of where and how to do this. Thanks

解决方案

There are 2 recommended main and different ways to change the @grid-float-breakpoint (this is a variable in LESS).

1. You can download the master (https://github.com/twbs/bootstrap/archive/master.zip), open the bootstrap.com/variables.less file and then compile that with a LESS compiler. This involves installing a LESS compiler on your computer, such as Grunt (multi-platform) or CodeKit (Mac).

2. OR Go to getbootstrap.com/customize and change the variable there and download a compiled CSS file.

这篇关于在哪里编辑bootstrap @ grid-float-breakpoint的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！