Bootstrap For Genesis

An awesome Genesis Framework child theme using Bootstrap 4
Alternatives To Bootstrap For Genesis
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Tabler33,4381657 days ago16April 04, 201951mitHTML
Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
Ngx Admin24,340
719 days ago11July 19, 2017463mitTypeScript
Customizable admin dashboard template based on Angular 10+
Bootswatch14,0261,604157a month ago39September 15, 202234mitJavaScript
Themes for Bootstrap
Selectize.js12,9206001052 days ago7July 12, 201842apache-2.0SCSS
Selectize is the hybrid of a textbox and <select> box. It's jQuery based, and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
Coreui Free Bootstrap Admin Template11,525313 months ago3May 25, 201710mitHTML
Free Bootstrap Admin & Dashboard Template
Startbootstrap7,146
2 years agoJuly 20, 20142otherHTML
A library of free and open source Bootstrap themes and templates
Bootstra.3866,247
4 months ago1May 09, 201860apache-2.0HTML
A vintage 1980s DOS inspired Twitter Bootstrap theme
Jquery Ui Bootstrap5,486
45 years agoMarch 15, 201549HTML
A jQuery UI theme based on Twitter Bootstrap
Bootstrap Fileinput5,2581,1823515 days ago89August 17, 202214otherJavaScript
An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.
Jekyll Theme Chirpy3,783
4 days ago37September 23, 202216mitHTML
A minimal, responsive and feature-rich Jekyll theme for technical writing.
Alternatives To Bootstrap For Genesis
Select To Compare


Alternative Project Comparisons
Readme

Bootstrap for Genesis

Introduction

Bootstrap for Genesis is a genesis child theme which integrates Bootstrap. It uses Gulp to handle tasks, configuration and lint files.

The default branch is under development, use v4 branch to get the last stable release.

Installation Instructions

  1. Upload the Bootstrap for Genesis theme folder via FTP to your wp-content/themes/ directory. (The Genesis parent theme needs to be in the wp-content/themes/ directory as well.)
  2. Go to your WordPress dashboard and select Appearance.
  3. Activate the Bootstrap for Genesis theme.
  4. Inside your WordPress dashboard, go to Genesis > Theme Settings and configure them to your liking.

Building from Source

  1. Install Git.
  2. Clone the repository to your local machine.
  3. Install Node.
  4. Install Yarn.
  5. Install Gulp globally.
  6. Run yarn install or npm install to install dependencies through terminal/CLI program.
  7. Run git submodule init and git submodule update to add WP Bootstrap Navwalker.
  8. Replace site url in line 49 of gulpfile.js to your local development URL(e.g. http://bootstrap.test).
  9. Run gulp through your favorite CLI program.

Features

  1. Bootstrap 4
  2. Bootstrap components
    • Comment Form
    • Search Form
    • Jumbotron
    • Navbar
  3. Sass
  4. Gulp
  5. Footer Widgets(modified to add bootstrap column classes based on the number of widget areas)
  6. Additional Widget Areas
    • Home Featured(jumbotron)

Todos

  • [ ] Integrate Genesis Theme Setup API
  • [ ] Integrate Genesis Configuration API
  • [ ] Integrate AMP Support
  • [ ] Gutenberg Support
  • [x] Remove SmartMenus support or move to separate plugin
  • [x] Remove TGM Plugin Activation Support
  • [x] Use Git Submodule for WP Bootstrap Navwalker
  • [ ] Code cleanup and bug fixes

Notes

Use SmartMenus for Bootstrap for multi-level dropdown support or checkout the v4 branch.

Credits

Without these projects, this theme wouldn't be where it is today.

Popular Bootstrap Projects
Popular Theme Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Php
Theme
Wordpress
Bootstrap
Sass