diff options
Diffstat (limited to 'docs/index.html')
| -rw-r--r-- | docs/index.html | 29 |
1 files changed, 22 insertions, 7 deletions
diff --git a/docs/index.html b/docs/index.html index 442ac8a94..45cf7eb61 100644 --- a/docs/index.html +++ b/docs/index.html @@ -55,17 +55,17 @@ title: Bootstrap · The world's most popular mobile-first and responsive f <div class="row"> <div class="col-sm-4 m-b-lg"> - <img src="assets/img/sass-less.png" alt="Sass support" class="img-responsive"> - <h4>Preprocessors</h4> - <p>Bootstrap ships with vanilla CSS, but its source code utilizes <a href="../css/#sass">Sass</a>, a popular CSS preprocessor. Quickly get started with precompiled CSS or build on the source.</p> + <img src="assets/img/sass.png" alt="Sass support" class="img-fluid"> + <h4>Preprocessor</h4> + <p>Bootstrap ships with vanilla CSS, but its source code utilizes <a href="http://sass-lang.com/">Sass</a>, a popular CSS preprocessor. Quickly get started with precompiled CSS or build on the source.</p> </div> <div class="col-sm-4 m-b-lg"> - <img src="assets/img/devices.png" alt="Responsive across devices" class="img-responsive"> + <img src="assets/img/devices.png" alt="Responsive across devices" class="img-fluid"> <h4>One framework, every device.</h4> <p>Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.</p> </div> <div class="col-sm-4 m-b-lg"> - <img src="assets/img/components.png" alt="Components" class="img-responsive"> + <img src="assets/img/components.png" alt="Components" class="img-fluid"> <h4>Full of features</h4> <p>With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.</p> </div> @@ -80,14 +80,29 @@ title: Bootstrap · The world's most popular mobile-first and responsive f <div class="bd-featurette"> <div class="container"> + <h2 class="bd-featurette-title">Official Bootstrap Themes.</h2> + <p class="lead"> + Take Bootstrap to the next level with official premium themes. Each theme is its own toolkit featuring all of Bootstrap, brand new components and plugins, full docs, build tools, and more. + </p> + + <p class="lead"> + <a href="{{ site.themes }}" class="btn btn-bs btn-outline">Browse themes</a> + </p> + + <img class="img-fluid center-block" src="{{ site.baseurl }}/assets/img/bs-themes.png" alt="Bootstrap Themes" width="1024" height="388"> + </div> +</div> + +<div class="bd-featurette"> + <div class="container"> <h2 class="bd-featurette-title">Built with Bootstrap.</h2> - <p class="lead">Millions of amazing sites across the web are being built with Bootstrap. Get started on your own with our growing <a href="../getting-started/#examples">collection of examples</a> or by exploring some of our favorites.</p> + <p class="lead">Millions of amazing sites across the web are being built with Bootstrap. Get started on your own with our growing <a href="../examples">collection of examples</a> or by exploring some of our favorites.</p> <div class="row bd-featured-sites"> {% for showcase in site.data.showcase %} <div class="col-xs-6 col-sm-3"> <a href="{{ showcase.expo_url }}" target="_blank" title="{{ showcase.name }}"> - <img src="{{ site.baseurl }}/assets/img/expo-{{ showcase.img }}.jpg" alt="{{ showcase.name }}" class="img-responsive"> + <img src="{{ site.baseurl }}/assets/img/expo-{{ showcase.img }}.jpg" alt="{{ showcase.name }}" class="img-fluid"> </a> </div> {% endfor %} |