Introduction
117 | 118 |How to get started with Docu!
119 |Thank you for downloading our themes! We really appreciate it and ready to help you!
120 |This guide will help you get started with the template! All the important stuff – compiling the source, file structure, build tools, file includes – is documented here, but should you have any questions, always feel free to reach out to info@sharebootstrap.com
121 | 122 |123 | 124 |
This documentation is always evolving. If you've not been here for a while, perhaps check out the This documentation is always evolving.This is a primary alert with an example link. Give it a click if you like.
126 |129 | Dev setup 130 |
131 |To get started, you need to do the following:
132 |-
133 |
- Make sure you have Node installed since Landkit uses npm to manage dependencies. If you don't, installing is quite easy, just visit the Node Downloads page and install it. 134 |
- Unzip your theme and open your command line, making sure your command line prompt is at the root of the unzipped theme directory. 135 |
npm install gulp-cli -g: If you don't have the Gulp command line interface, you need to install it.
136 | npm install: Open your command line to the root directory of your unzipped theme and run to install all of Landkit's dependencies.
137 |
140 |
141 | Code example 142 |
143 |The Prism source, highlighted with Prism (don’t you just love how meta this is?):
144 |The recommended way to mark up a code block (both for semantics and for Prism) is a <pre> element with a <code> element inside, like so:
<!-- As a link -->
146 | <nav class="navbar navbar-light bg-light">
147 | <a class="navbar-brand" href="#">Navbar</a>
148 | </nav>
149 |
150 | <!-- As a heading -->
151 | <nav class="navbar navbar-light bg-light">
152 | <span class="navbar-brand mb-0 h1">Navbar</span>
153 | </nav>155 |
<nav class="navbar navbar-expand-lg navbar-light bg-light">
156 | <div class="container">
157 | <a class="navbar-brand" href="#">Navbar</a>
158 | </div>
159 | </nav>