自定义bootstrap风格

最新推荐文章于 2024-09-26 07:15:53 发布

转载最新推荐文章于 2024-09-26 07:15:53 发布 · 669 阅读

文章标签：

13 篇文章

订阅专栏

本文指导您如何通过Git和Node在终端中下载、安装并自定义或创建Bootswatch主题。步骤包括下载仓库、安装依赖、确保Grunt可用、修改变量并构建CSS。

To modify a theme or create your own, follow the steps below in your terminal. You'll need to have Git and Node installed.

Download the repository: git clone https://github.com/thomaspark/bootswatch.git
Install dependencies: npm install
Make sure that you have grunt available in the command line. You can install grunt-cli as described on the Grunt Getting Started page.
Modify variables.less and bootswatch.less in one of the theme directories, or create your own in /custom.
Type grunt swatch:[theme] to build the CSS for a theme, e.g., grunt swatch:amelia for Amelia. Or type grunt swatch to build them all at once.
You can run grunt to start a server, watch for any changes to the LESS files, and automatically build a theme and reload it on change. Run grunt server for just the server, and grunt watch for just the watcher.