Skip to content

Instantly share code, notes, and snippets.

View explainer's full-sized avatar

Ken Burgett explainer

  • Callosum
  • Morgan Hill, CA
View GitHub Profile
@explainer
explainer / bootstrap-cdn.gist
Created October 21, 2017 17:27
Bootstrap migration from CDN to asset pipeline
I have used a CDN version of Bootstrap as my only stylesheet source for my first Hyperloop app.
I did that to get the page layout and navbar setup I wanted without having to dive deep into components head-first.
This choice gave me a complete nav-bar with assorted buttons and text, and a nice layout of two tables arranged side-by-side.
Just what I wanted.
My trade-off with this choice is the fact that the only way to change colors of my buttons,
for example, is to look through the Bootstrap button documentation and pick peculiar Bootstrap
class names that produced a color close to what I wanted.
I also got some unwanted little asterisk-like icons stuck on some of the buttons,
which I would rather not have.
@explainer
explainer / Bootstrap-migration.gist
Last active October 21, 2017 17:17
Hyperloop app migration from CDN-based Bootstrap to Asset pipeline based Bootstrap
I have used a CDN version of Bootstrap as my only stylesheet source. I did that to get the page layout and navbar setup I wanted without having to dive deep into components head-first. This choice gave me a complete nav-bar with assorted buttons and text, and a nice layout of two tables arranged side-by-side. Just what I wanted.
My trade-off with this choice is the fact that the only way to change colors of my buttons, for example, is to look through the Bootstrap button documentation and pick peculiar Bootstrap class names that produced a color close to what I wanted. I also got some unwanted little asterisk-like icons stuck on some of the buttons, which I would rather not have.
Now, I am thinking about dropping the CDN versions of Bootstrap for internal versions, loaded via Bootstrap-rails, and Sass, loaded via Sass-rails. I am doing this in order to get much better control over CSS classes. I want to create a set of styling classes that map consistently onto the naming conventions used in my hype