You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Replace original bootstrap.css or bootstrap.min.css
8
+
9
+
## Build with Themestrap
2
10
3
11
**Themestrap** is a simple starter kit for constructing Twitter Bootstrap 3+ themes. It provides the skeleton
4
12
for a simple, maintainable theme that always uses code directly from Bootstrap with as little replacement as
5
13
possible.
6
14
7
-
## Themestrap's Philosophy
15
+
###Themestrap's Philosophy
8
16
9
17
1. A theme should be built *on top* of the framework, with as little intrusive change as possible.
10
18
2. As the framework evolves, a theme should be easily updated to the latest version.
@@ -14,7 +22,7 @@ and **theme.less** (both in the `less` directory). You can tweak any and all of
14
22
in **variables.less** and support any additional code or classes you'd like in **theme.less**. The compiled
15
23
theme CSS includes the Bootstrap library and will automatically pick up any overrides from variables.
16
24
17
-
## Creating a Theme with Themestrap
25
+
###Creating a Theme with Themestrap
18
26
19
27
To create a theme, first start by cloning the Themestrap repository into a directory named for
20
28
your theme. We recommend a `bootstrap-theme-THEME_NAME` naming scheme:
@@ -31,47 +39,4 @@ installed).
31
39
32
40
Now you're ready to go! Simply edit `less/variables.less` and `less/theme.less` to your liking.
33
41
When you're ready, just run `grunt` and it will compile and minify the distribution for you.
34
-
You can also run `grunt watch` to automatically compile as you work.
35
-
36
-
## Testing Out Your Theme
37
-
38
-
We've provided a "Bootstrap Kitchen Sink" HTML file at `examples/kitchen-sink.html` that contains
39
-
all of the various components in all of their variations. It may not be 100% exhaustive but it
40
-
should give you a good idea of what your theme will look like at a glance.
41
-
42
-
You can start a development server at `http://localhost:8000` by running `grunt serve`. Your theme will automatically compile while the server is running.
43
-
44
-
## Deeper Customization
45
-
46
-
In cases where you need to do a more in-depth overhaul of a portion of Bootstrap's LESS, you may do so by
47
-
simply copying over a file from Bootstrap's `less` directory into your theme's `less` directory and then
Because it takes path priority over the Bower-installed Bootstrap LESS, it will automatically override the
53
-
Bootstrap default. In fact, this is how `variables.less` works already...delete it and the default Bootstrap
54
-
variables will be back in play.
55
-
56
-
## Releasing Your Theme
57
-
58
-
Before you release your theme, you should do a few things:
59
-
60
-
1. Make sure that you've updated the package name in `bower.json`
61
-
2. Update the `index.html` file with your name, the theme name and GitHub repo info (or change it to suit your needs)
62
-
3. Update the `README.md` file to be about your theme
63
-
64
-
Once you've done that, you should push it up to GitHub and consider
65
-
[registering a Bower package](https://github.com/bower/bower#registering-packages). The repository
66
-
is already designed to be released directly onto GitHub Pages without an additional intermediary,
67
-
so if you push to the `gh-pages` branch you should have a nice way to show off your theme!
68
-
69
-
## The Themestrap Gallery
70
-
71
-
We've created a [gallery of themes built with Themestrap](http://code.divshot.com/themestrap). If you
72
-
have created a theme and want to add it to the gallery, just make a pull request to the [gh-pages](https://github.com/divshot/themestrap/tree/gh-pages)
73
-
branch of this repository.
74
-
75
-
## Copyright and license
76
-
77
-
Copyright 2013 Divshot, Inc. under [the Apache 2.0 license](LICENSE).
42
+
You can also run `grunt watch` to automatically compile as you work.
<p>Download the <ahref="dist/css/bootstrap.css" download>bootstrap.css</a> or <ahref="dist/css/bootstrap.min.css" download>bootstrap.min.css</a> files or install using Bower:</p>
29
-
<pre>bower install bootstrap-theme-github</pre>
28
+
<p>Download the <ahref="dist/css/bootstrap.css" download>bootstrap.css</a> or <ahref="dist/css/bootstrap.min.css" download>bootstrap.min.css</a> files.</p>
0 commit comments