goldbootstrap/README.html at master · kevinrhodesdesign/goldbootstrap · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
</head>
<body>
<h1 id="goldbootstrap3.3.6">Gold Bootstrap 3.3.6</h1>

<p>The latest version of Bootstrap based off the golden-ratio. A simple LESS/CSS style sheet is included that overrites some attributes of Bootstrap. The full version of Bootstrap is included (and untouched) with this package, including the CSS and JS files (i.e YOU DON&#8217;T NEED TO DOWNLOAD BOOTSTRAP AS WELL!)</p>

<h2 id="thesimplesetupcss">The Simple Setup (CSS)</h2>

<p>Include <code>goldbootstrap.css</code> in your project. That&#8217;s all. </p>

<pre><code class="html">// Core HTML
//...
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;goldbootstrap/css/goldbootstrap.css&quot;&gt; // Add support for Gold Bootstrap
</code></pre>

<h2 id="thesimplesetupless">The Simple Setup (LESS)</h2>

<p>If you want to use LESS Preprocessors, include <code>gold-bootstrap.less</code> after your <code>bootstrap.less</code> import, and that&#8217;s it.</p>

<pre><code class="css">// Core LESS
//...
@import &quot;goldbootstrap/less/goldbootstrap.less&quot;; // Add support for Gold Bootstrap
</code></pre>

<h2 id="howtouseit">How to use it</h2>

<p>Use any component from the regular <a href="http://getbootstrap.com">Bootstrap</a>. They&#8217;re all included.</p>

<h2 id="whataboutgoldheadings">What about GOLD Headings?</h2>

<p>Extremely simple. Just use regular &#8216;H1&#8217; through &#8216;H6&#8217; HTML heading tags.</p>

<pre><code class="html">&lt;h1&gt;Heading 1&lt;/h1&gt;
&lt;h2&gt;Heading 2&lt;/h2&gt;
&lt;h3&gt;Heading 3&lt;/h3&gt;
&lt;h4&gt;Heading 4&lt;/h4&gt;
&lt;h5&gt;Heading 5&lt;/h5&gt;
&lt;h6&gt;Heading 6&lt;/h6&gt;
</code></pre>

<h2 id="whataboutthegoldgrid">What about the GOLD Grid?</h2>

<p>Like you would do with any other Bootstrap column, simply use a set of <code>.col-gold-sm</code> and <code>.col-gold-lg</code> columns:</p>

<pre><code class="html">&lt;div class=&quot;row&quot;&gt;
  &lt;div class=&quot;col-gold-sm&quot;&gt;...&lt;/div&gt;
  &lt;div class=&quot;col-gold-lg&quot;&gt;...&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<h2 id="howitworks">How it works</h2>

<p>Coming soon&#8230;</p>

<h2 id="versioning">Versioning</h2>

<p>GOLD Bootstrap is always in sync with latest version of <a href="http://getbootstrap.com">Bootstrap</a>. If &#8216;Bootstrap 9&#8217; comes out, we will be &#8216;Gold Bootstrap 9&#8217; and so on.</p>

<h2 id="changelogsupport">Changelog &amp; Support</h2>

<p><strong>06/30/16</strong></p>

<ul>
<li>Update to Bootstrap 3.3.6</li>
<li>Added gold-template.html to get you started easier</li>
<li>Added media queries to collapse Gold Columns on Mobile (anything under 991px)</li>
<li>Fixed Gold Columns to extend to 100%</li>
<li>Including Bootstrap Fonts Folder, so you truly don&#8217;t need to download Boostrap</li>
<li>Clarified Readme to state that Bootstrap is included, and you don&#8217;t need to download it seperately</li>
</ul>

<p><strong>06/16/15</strong></p>

<ul>
<li>Update to Bootstrap 3.3.5</li>
<li>Added Changelog to this Readme</li>
<li>Various Readme updates</li>
</ul>

<p><strong>06/08/15</strong></p>

<ul>
<li>Swapped out seperate Boostrap JS files for compiled Boostrap.js</li>
</ul>

<p><strong>04/24/15</strong></p>

<ul>
<li>Initial release using Bootstrap 3.3.4</li>
</ul>

<h2 id="abouttheauthor">About the Author</h2>

<p><a href="http://iamkevinrhodes.com">Kevin Rhodes</a> is a UX Designer from San Diego who loves Photoshop and front-end coding. He also loves his cat.</p>

<h2 id="license">License</h2>

<p>&copy; Copyright 2015 Kevin Rhodes</p>

<p>Licensed under the Apache License, Version 2.0 (the &#8220;License&#8221;); you may not use this work except in compliance with the License. You may obtain a copy of the License in the LICENSE file, or at:</p>

<p>http://www.apache.org/licenses/LICENSE&#8211;2.0</p>

<p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &#8220;AS IS&#8221; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.</p>

</body>
</html>