themesguide/bootstrap-themes

Free, open source Bootstrap 4 themes

Bootstrap ThemesGuide

Open source Bootstrap 4 themes + How-to guide

This project includes all the free, open source Bootstrap 4 themes as seen on ThemesGuide. You can also use the Themestr.app theme builder to easily create more custom Bootstrap themes.

Homepage and Demos

http://bootstrap.themes.guide
https://themestr.app
https://themesguide.github.io/bootstrap-themes/

Usage

Clone this repository or download individual themes as desired. Each theme folder contains a theme.css file which is the custom styles (colors, fonts, etc..) that you can use for your Bootstrap 4 projects. The theme.css file should always follow the bootstrap.css.

<link href="/path/to/bootstrap.min.css">
<link href="/path/to/custom.css">

Additionally, each theme folder contains 3 example layout templates to get your started. Each template has a corresponding template.css with styles specific to each template, but it's use is optional, and unrelated to the theme styles in theme.css.

• index.html (default)
• template1.html
• template2.html

All themes use the latest Bootstrap 4.3.1

• Bootstrap: https://github.com/twbs/bootstrap/
• Ionicons: https://ionicframework.com/docs/ionicons/
• Google Fonts: https://fonts.google.com/

License

©2018 ThemesGuide under the MIT License.

bootstrap-themes's Issues

"$enable-rounded:false" only applied selectively on demo page?

Hey there,

I really appreciate your Theme Builder and your demo themes. Thanks for the work.

However, when I use your demo theme "Greyson" I can see on your demo page, that most elements (Buttons, Forms) don't have rounded corners. But Cards and Badges still use rounded corners. Whenever I apply the global variable $enable-rounded:false I don't get any rounded corners (including Badges and Cards) at all. How do you achieve the selective application on your demo page? Couldn't figure it out by looking at the code :(

Invalid URLS for links at the bottom of the page

Hello,

Just discovered your excellent set of templates. However, it looks like there's a problem with the three links at the bottom of the page. In the few I checked, they looked like this...

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.13.0/umd/popper.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

...which are not valid URLs. If you add "https:" to them, the theme works fine.

Support for Bootstrap 5?

With the new iphones and phablets released in the last year or so and gaining traction at fast pace, a bump to Bootstrap is needed.

Any plans to update these themes?