Provides a scaffold for a HTML site based on bootstrap's grid system and bootstrap framework in general. See Layout.
There is two ways to install jekyll themes: 1. Clone the repo and add start adding your content to a fork. 2. Install as a jekyll ruby gem. Following only covers the former method ...
sudo apt-get install ruby-full build-essential zlib1g-dev
git clone https://github.com/sgpinkus/jekyll-bootstrap-structure.git my-site && cd my-site
export GEM_HOME="$HOME/ruby/gems" # Dont have to do this. Just depends where you wnat ruby crap to get installed.
export PATH="$HOME/ruby/gems/bin:$PATH"
bundle i
npm i
edit _config.yml _fronts/* # Edit pages.
jekyll build
jekyll serve # Test locally
git remote add origin ...
git subtree split --prefix=_site -b gh-pages
git push origin gh-pages
This is a list of all site configuration variables used in templates. See _config.yml sample configuration.
title email google_analytics_id designer navbar.menu navbar.social navbar.logo defaults.structure.aside defaults.structure.banner defaults.structure.footer.nav-two defaults.structure.footer.nav-three
Below is the HTML structure this theme provides: Items below with "#" are identified by their id
attribute. Others are identified by tag name. Items in "[]" are optional. Their inclusion depends on configuration. See Configuration.
html body header [#banner] #navbar article #content [#aside] footer #footer-nav [#footer-nav-two] [#footer-nav-three]
Layout rules:
- body is always at least 100% of screen.
- #content stretches to fill that space not take by header, footer.
- header, article, footer are always 100% width of screen.
- #content, banner, #navbar, #footer-navbar[-XXX] may be full width or limited to 1280px
- #footer-navbar stretches in absence of footer-navbar-(two|three).
There is basic default pages for a basic site in pages/
directory. These default pages are excluded if you install as a gem package as opposed to juts downloading the repo as basis for a site.
- Jekyll
- The Jekyll
- Bootstrap>
- The Bootstrap
- Font Awesome
- Icons
- alembic
- Ripped a bunch template from this theme.
- forty-jekyll-theme
- Ripped a bunch template from this theme.
- octopress/paginate
- For pagination.
- ...
- Many more.
The theme is available as open source under the terms of the MIT License.