Home > Web Front-end > Bootstrap Tutorial > How to change the theme of bootstrap

How to change the theme of bootstrap

爱喝马黛茶的安东尼
Release: 2019-07-13 11:02:47
Original
4016 people have browsed it

How to change the theme of bootstrap

Using Theme

Introduction: Since the theme of JB version 0.2.X, it is now completely modular. They track and individually version theme packs. This gives everyone the freedom to post and share topics. Jekyll-Bootstrap v 0.2.x only comes with the twitter theme, other themes need to be installed. Browse the current theme package directly on GitHub: theme package. You can see that the themes available for us are the-minimum, tom, mark-reid, twitter, and the-program.

Install the theme

Install a theme by using the rake command and passing the theme's URL in git.

$ rake theme:install git="https://github.com/jekyllbootstrap/theme-the-program.git"
Copy after login

Before installing the theme, first build a service locally. You can refer to the article: jekyll bootstrap to build github blog

How to change the theme of bootstrap

##Related recommendations: "

Bootstrap Getting Started Tutorial

Currently the default is the twitter theme, use the rake command to install a theme.

How to change the theme of bootstrap

The installer uses git to download the theme package. If you have obtained the theme package in another way, such as downloading it through Download ZIP, you can put it manually. Go to your ./_theme_packages folder and run with that theme name.

$ rake theme:install name="THEME-NAME"
Copy after login

After the installation is successful, the task will ask you whether to switch to the newly installed theme, enter "Y" and press Enter to switch.

Switch Theme

Once your theme is installed, you can switch between them via rake.

$ rake theme:switch name="the-program"
Copy after login

Custom theme

The layout of the theme is included in ./_includes/themes/THEME-NAME. You can edit the files in this theme directory instead of _layouts, because changing the theme will overwrite the files in the _layout directory, and you are free to add additional template files in _layouts to customize your blog.

The above is the detailed content of How to change the theme of bootstrap. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template