mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

redo button styles

Browse Source 
- rename .btn-bs to .btn-bd-purple
- abstract yellow masthead button into .btn-bd-yellow and use it the new
docs navbar
This commit is contained in:
Mark Otto
2017-05-30 12:03:24 -07:00
parent 43fac7418e
commit 39a258ddfe
5 changed files with 23 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+6 -6
View File
@@ -7,7 +7,7 @@ layout: home
{% include icons/bootstrap.svg class="mb-3" width="128" height="128" %}
<p class="lead">Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web.</p>
<p class="lead">
<a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-lg" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a>
<a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-lg btn-bd-yellow" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a>
</p>
<p class="version">Currently v{{ site.current_version }}</p>
{% include ads.html %}
@@ -24,7 +24,7 @@ layout: home
<h4>Managed dependencies</h4>
<p>Include Bootstrap's source Sass and JavaScript files via Bower, Composer, Meteor, or npm. Package managed installs don't include documentation, but do include our build system and readme.</p>
<p>
<a class="btn btn-bs" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
<a class="btn btn-bd-purple" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
</p>
</div>
<div class="col-sm-6 mb-3">
@@ -42,7 +42,7 @@ layout: home
<hr class="half-rule mt-0">
<p><strong>Looking for something else?</strong> Compiled builds of Bootstrap's CSS and JS are also available.</p>
<a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-bs">More download options</a>
<a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-bd-purple">More download options</a>
</div>
</div>
@@ -72,7 +72,7 @@ layout: home
<hr class="half-rule mt-0">
<p><strong>Bootstrap is open source!</strong> It's hosted, developed, and maintained on GitHub by folks like you.</p>
<a href="{{ site.repo }}" class="btn btn-bs">View the GitHub project</a>
<a href="{{ site.repo }}" class="btn btn-bd-purple">View the GitHub project</a>
</div>
</div>
@@ -84,7 +84,7 @@ layout: home
</p>
<p class="lead">
<a href="{{ site.themes }}" class="btn btn-bs">Browse themes</a>
<a href="{{ site.themes }}" class="btn btn-bd-purple">Browse themes</a>
</p>
<img class="img-fluid mx-auto" src="{{ site.baseurl }}/assets/img/bs-themes.png" alt="Bootstrap Themes" width="1024" height="388">
@@ -109,6 +109,6 @@ layout: home
<hr class="half-rule">
<p>We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.</p>
<a href="{{ site.expo }}" class="btn btn-bs">Explore the Expo</a>
<a href="{{ site.expo }}" class="btn btn-bd-purple">Explore the Expo</a>
</div>
</div>