关于bootstrap的@..

gogojxj 发布于 2015/02/24 11:36
阅读 293
收藏 0

我页面里面只加载了bootstrap.css,运行没问题.可是bootstrap是运行在less上的.我没加载less类的文件他也运行的挺好,同时我下载的文件里面还有map后缀的文件,请教各位是干什么用的呢?

如下代码是bootstrap官网告知的可以自定义自己的细节,,可是这种@变量格式的代码放到哪里呢???我放到bootstrap.css文档里面没有作用,按理说是放到less文件里,可是又没有less文件.

我是bootstrap初学者,希望大家指点迷津.谢谢


@grid-columns: 12; @grid-gutter-width: 30px; @grid-float-breakpoint: 768px;
// Creates a wrapper for a series of columns .make-row(@gutter:  @grid-gutter-width) { // Then clear the floated columns  .clearfix();  @media (min-width: @screen-sm-min)  { margin-left: (@gutter / -2); margin-right: (@gutter / -2); }   // Negative margin nested rows out to align the content of columns  .row { margin-left: (@gutter / -2); margin-right: (@gutter / -2); } } 

加载中
0
caotian
caotian
less文件是源文件,通过lessc工具生成了css文件,所以页面只需要引用css就行了。如果需要直接引用less,需要加载less.js,搜索一下less用法就可以了。你在less文件里看到的非css的语法,都是less的语法,有兴趣就学习一下less即可,没兴趣就不要管less了,只用css文件
gogojxj
gogojxj
回复 @caotian : 知道了,谢谢.
caotian
caotian
回复 @gogojxj : 这几句其实就是less里定义变量的语句,你要用bootstrap可以不管less的,只用css,如果你学习less,可以学习一下bootstrap的less源码
gogojxj
gogojxj
就是学习网页上介绍的@grid-columns: 12; @grid-gutter-width: 30px; @grid-float-breakpoint: 768px;不用管把?
返回顶部
顶部