Thanks to the people at Bootswatch, a great set of already prepared Bootstrap stylesheets in various designs are available on their website; no need to start from scratch. It is not required to re-define all the Bootstrap variables and rebuild the framework. Many different styles are available. What is already available at Bootswatch is at least a good base for your modifications — your unique design.
Besides the bunch of different stylesheets at Bootswatch, an Integration API is provided that helps a lot to make designs available for an existing site. This API is the base to integrate selectable Bootswatch stylesheets into the J1 Template navigation system.
The base for designing pages using the J1 Template is the style Uno, a modern light or dark CSS layout used for many types of websites. What I mentioned already, web design is not: one size fits all. The style Uno can be seen as a good base, a starting point. Combining Uno and a different styles may be a fast solution for your site!
You can find all available stylesheets to be applied on your pages from the Themes menu. You’re invited to check how a page is changing for its design if a different stylesheet for web design is used.
For changing from one style to the next at runtime, the current version of the J1 Template system tries add new styles to J1 specific components like fonts, headlines, lists or paragraphs. Changing the style will work for the most common elements, but not all of them for now.
Select a style from the Themes menu, and the new BS-based stylesheet is automatically applied to all pages of your website.
J1 Template is an excellent base for documentation websites. J1 supports powerful code highlighting to distinguish different source code elements visually. Highlighting makes the code more readable and easier to understand by applying different colors or styles to different parts of the code.
The highlighter Rouge is a native Ruby-based themeable syntax highlighter integrated by J1 Template. The highlighter supports 100+ different languages and generates HTML output using 256 standard ANSI colors displayed by all current browsers.
To check the code highlighter J1 Template offers, go for the Rouge Code Highlighter.