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是什么?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Bootstrap 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏