Bootstrap

2021-01-30 15:35| 发布者: |

  另一方面,Bootstrap 是一个快速开发 Web App 和站点的工具包。

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

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

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

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

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

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

  基本的混合从本质上来说,就是包括整个或是部分代码片段。写法类似一个CSS类,可以随处调用。

  带参数的混合和基本混合很像,不同之处是前者可以接收参数(根据名称),参数可以有默认值。

  基本上Bootstrap所有的混合都保存在mixins.less, 这是一个出色的工具类.less文件,我们可以在任何一个.less文件中使用其中的混合。

  运行下列命令,利用npm在全局环境下安装LESS命令行编译器和uglify-js:

  安装成功后,在您的Bootstrap的根目录下运行 make 即可编译CSS。

  此外,如果您已经安装了 watchr ,您可以运行 make watch , 这样您每次修改Bootstrap后,就会自动重编译Bootstrap。(不是必须运行,这样做仅仅是出于方便。)

  只需要简单的引用 less.js 文件(下载最新的 Less.js)并重新加载页面。

  如果您已经安装了 Less 命令行(Command Line),原型下面要编译的命令:

  虽然是非官方的,但是这里有一个可用的 Less Mac 应用程序可用于编译。

  点击这里,下载本教程中使用到的所有 HTML、CSS、JS 和图片文件。

<
>
关于我们
AB模版网成立于2014年,我们是一家专注用户体验设计开发与互联网品牌建设的设计公司,创立至今为2000多位客户提供了创新与专业的设计方案。设计服务范围包括:交互原型设计、产品视觉设计、网站设计与开发建设、移动及软件产品界面设计、图标设计、品牌及平面设计等。

联系我们

服务时间:9:00-18:00)

官方微信官方微信

部门热线

前   台:
业务部:
客服部:
技术部:
人事部:

咨询电话 返回顶部
返回顶部