LESS Boilerplate文件启动项目

Question

我想知道是否有人可以推荐一个好的样板文件。无法启动项目。理想情况下，此.less文件至少包含以下内容：

• CSS重置样式
• CSS规范化器样式
• CSS3助手（方框半径，渐变，方框阴影，过渡）
• 基本色彩设置
• 一些常见UI元素的基本样式（按钮，表格，输入， 排版等。）
• 自适应图片

我对标记没有多少控制权，所以我希望为已经定义的类编写很多自定义属性。 Bootstrap和其他需要类定义的流行库对我来说不起作用。我希望标记不可知的样板文件能给我一个良好的开端。

Answer 1

看看使用较少的扩展，bootstrap仍然是一个伟大的样板。您仍然可以只从中获取所需的文件。你需要来自bootstrap项目的normalize.less和mixins.less。

你可以使用extend来获取你想要的任何其他引导程序。

p {
    &:extend(.clearfix all);
}
img {
    &:extend(.img-responsive);
} 

甚至

p {
   .clearfix;
}

如果您担心命名空间冲突，可以尝试进行全局搜索并替换。如果您需要，我可以尝试帮助您。我曾经写过一些东西。

当然，您需要引导项目源 - 转到此处并单击下载Zip - https://github.com/twbs/bootstrap