bootstrap less是什么？

Bootstrap LESS

简介

Less 是一门CSS预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。

Less是一种CSS的扩展和动态样式表语言，CSS预处理器，让CSS具有动态性。可以在客户端或服务器端运行，帮助我们自定义，管理和重用网页的样式表。

Less是一种开源语言，也是跨浏览器兼容的语言。

获取 Bootstrap 和 Less CSS

• Bootstrap 官网：http://getbootstrap.com/

• Less 官网：http://lesscss.org/

包含哪些内容

下载 Bootstrap，解压缩文件。Bootstrap 的 Less 组件位于 'lib' 目录下。自 Bootstrap v1.4.0 版本起，就包含有九个 less 文件。下面我们一起来看看这九个文件分别包含什么。

• bootstrap.less

  这是主要的 Less 文件。该文件中导入了一些其他的 less 文件。该文件中没有任何代码。

• forms.less

  这个 Less 文件包含了表单布局、输入框类型的样式。

• mixins.less

  这个 Less 文件让 CSS 代码可重复使用。

• patterns.less

  这个 Less 文件包含了重复的用户界面元素的 CSS 代码，不会被位于 scaffolding Less 文件中的基本样式覆盖。

• reset.less

  这个 Less 文件包含了 CSS 重置。这是 Eric Meyer 的 CSS 重置的一个更新。一些 HTML 元素比如 dfn、samp 等的重置被免除。

• scaffolding.less

  这个 Less 文件保存了创建网格系统、结构化布局、页面模板所需的基本样式。

• tables.less

  这个 Less 文件包含了创建表格的样式。

• type.less

  这个 Less 文件下可找到排版相关的样式。标题、段落、列表、代码等的样式位于这个文件里边。

• variables.less

  这个 Less 文件包含了要定制 Bootstrap 外观和感观的变量。

如何使用bootstrap less

如果要使用它，请在您的 HTML 页面包含下面代码：

<link rel="stylesheet/less" href="lib/bootstrap.less" media="all" />
<script src="js/less-1.1.5.min.js"></script>

请注意，less-1.1.5.min.js 不在 js 文件夹内，您需要下载并把它放置在指定的文件夹下。

更多web前端开发知识，请查阅 HTML中文网 ！！

以上就是bootstrap less是什么？的详细内容，更多请关注0133技术站其它相关文章！