diff --git a/assets/scss/_masthead.scss b/assets/scss/_masthead.scss index f891d4e91d99fe2f696042e48423a137b4c0fadb..da131e93071e716832213bff5806f056ba2d9acc 100644 --- a/assets/scss/_masthead.scss +++ b/assets/scss/_masthead.scss @@ -46,11 +46,6 @@ resize: none; } -.half-rule { - width: 6rem; - margin: 2.5rem 0; -} - .masthead-followup { .bd-clipboard { display: none; } diff --git a/index.html b/index.html index aa3840da9e7b33b1590aa4f55dbb70b6c3d7f943..8bab203462df39b61804d352fe40c78bada741ec 100644 --- a/index.html +++ b/index.html @@ -30,7 +30,7 @@ layout: home </main> <div class="masthead-followup row m-0 border border-white"> - <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white"> + <div class="col-12 col-md-4 py-4 px-3 p-md-5 bg-light border border-white"> <!-- Icon by Bytesize https://github.com/danklammer/bytesize-icons --> {% include icons/import.svg width="32" height="32" class="text-primary mb-2" %} <h3>Installation</h3> @@ -47,11 +47,11 @@ gem install bootstrap -v 4.0.0.beta {% highlight sh %} bower install bootstrap#v{{ site.current_version }} {% endhighlight %} - <hr class="half-rule"> + <hr class="mx-0 my-4 w-25"> <a class="btn btn-outline-primary" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/download">Read installation docs</a> </div> - <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white"> + <div class="col-12 col-md-4 py-4 px-3 p-md-5 bg-light border border-white"> <!-- Icon by Bytesize https://github.com/danklammer/bytesize-icons --> {% include icons/download.svg width="32" height="32" class="text-primary mb-2" %} <h3>Bootstrap CDN</h3> @@ -68,11 +68,11 @@ bower install bootstrap#v{{ site.current_version }} <script src="{{ site.cdn.popper }}" integrity="{{ site.cdn.popper_hash }}" crossorigin="anonymous"></script> <script src="{{ site.cdn.js }}" integrity="{{ site.cdn.js_hash }}" crossorigin="anonymous"></script> {% endhighlight %} - <hr class="half-rule"> + <hr class="mx-0 my-4 w-25"> <a class="btn btn-outline-primary" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/layout/overview/">Explore the docs</a> </div> - <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white"> + <div class="col-12 col-md-4 py-4 px-3 p-md-5 bg-light border border-white"> <!-- Icon by Bytesize https://github.com/danklammer/bytesize-icons --> {% include icons/lightning.svg width="32" height="32" class="text-primary mb-2" %} <h3>Official Themes</h3> @@ -80,7 +80,7 @@ bower install bootstrap#v{{ site.current_version }} Take Bootstrap 4 to the next level with official premium themes—toolkits built on Bootstrap with new components and plugins, docs, and build tools. </p> <img class="img-fluid mt-3 mx-auto" src="{{ site.baseurl }}/assets/img/bootstrap-themes.png" alt="Bootstrap Themes" width="1024" height="388"> - <hr class="half-rule"> + <hr class="mx-0 my-4 w-25"> <a href="{{ site.themes }}" class="btn btn-outline-primary">Browse themes</a> </div> </div>