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

How to change the theme of bootstrap

Jul 13, 2019 am 11:02 AM
bootstrap theme Change

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!

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

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Article Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to change the storage location of wallpaper engine? How to set the save path in wallpaper engine How to change the storage location of wallpaper engine? How to set the save path in wallpaper engine Mar 13, 2024 pm 12:40 PM

How to change the storage location of wallpaper engine? How to set the save path in wallpaper engine

How to introduce bootstrap into Eclipse How to introduce bootstrap into Eclipse Apr 05, 2024 am 02:30 AM

How to introduce bootstrap into Eclipse

How to introduce idea into bootstrap How to introduce idea into bootstrap Apr 05, 2024 am 02:33 AM

How to introduce idea into bootstrap

How to read the bootstrap mediation effect test results in stata How to read the bootstrap mediation effect test results in stata Apr 05, 2024 am 01:48 AM

How to read the bootstrap mediation effect test results in stata

750,000 rounds of one-on-one battle between large models, GPT-4 won the championship, and Llama 3 ranked fifth 750,000 rounds of one-on-one battle between large models, GPT-4 won the championship, and Llama 3 ranked fifth Apr 23, 2024 pm 03:28 PM

750,000 rounds of one-on-one battle between large models, GPT-4 won the championship, and Llama 3 ranked fifth

How to read the results of bootstrap mediation test How to read the results of bootstrap mediation test Apr 05, 2024 am 03:30 AM

How to read the results of bootstrap mediation test

How to use bootstrap to test mediation effects How to use bootstrap to test mediation effects Apr 05, 2024 am 03:57 AM

How to use bootstrap to test mediation effects

What is the difference between bootstrap and springboot What is the difference between bootstrap and springboot Apr 05, 2024 am 04:00 AM

What is the difference between bootstrap and springboot

See all articles