rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

docs(home): wrap all content in <main> & use <section> (#31580)

Browse Source 
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
This commit is contained in:
Gaël Poupard 2020-09-10 11:26:26 +02:00 committed by GitHub
parent e6ce3989ed
commit cbe4daff6f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/layouts/_default/home.html
View File

@ -8,8 +8,10 @@
{{ partial "docs-navbar" . }}
<main>
{{ partial "home/masthead" . }}
{{ partial "home/masthead-followup" . }}
</main>
{{ .Content }}

16
site/layouts/partials/home/masthead-followup.html
View File

@ -1,5 +1,5 @@
<div class="container masthead-followup px-4 px-md-3">
<div class="row mb-5 pb-md-4 align-items-center">
<section class="row mb-5 pb-md-4 align-items-center">
<div class="col-md-5">
<div class="masthead-followup-icon d-inline-block mb-2 text-white bg-success">
{{ partial "icons/code.svg" (dict "width" "32" "height" "32") }}
@ -15,9 +15,9 @@
{{ highlight "npm install bootstrap" "sh" "" }}
{{ highlight (printf ("gem install bootstrap -v %s") .Site.Params.current_ruby_version) "sh" "" }}
</div>
</div>
</section>
<div class="row mb-5 pb-md-4 align-items-center">
<section class="row mb-5 pb-md-4 align-items-center">
<div class="col-md-5">
<div class="masthead-followup-icon d-inline-block mb-2 text-white bg-primary">
{{ partial "icons/cloud-fill.svg" (dict "width" "32" "height" "32") }}
@ -39,9 +39,9 @@
<script src="%s" integrity=%q crossorigin="anonymous"></script>
`) .Site.Params.cdn.popper (.Site.Params.cdn.popper_hash | safeHTMLAttr) .Site.Params.cdn.js (.Site.Params.cdn.js_hash | safeHTMLAttr)) "html" "" }}
</div>
</div>
</section>
<div class="row mb-5 pb-md-4 align-items-center">
<section class="row mb-5 pb-md-4 align-items-center">
<div class="col-md-5">
<div class="masthead-followup-icon d-inline-block mb-2 text-white bd-bg-purple-bright">
{{ partial "icons/circle-square.svg" (dict "width" "32" "height" "32") }}
@ -61,9 +61,9 @@
src="/docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-icons.png"
alt="Bootstrap Icons" width="966" height="600" loading="lazy">
</div>
</div>
</section>
<div class="row mb-5 pb-md-4 align-items-center">
<section class="row mb-5 pb-md-4 align-items-center">
<div class="col-md-5">
<div class="masthead-followup-icon d-inline-block mb-2 text-white bg-danger">
{{ partial "icons/droplet-fill.svg" (dict "width" "32" "height" "32") }}
@ -83,5 +83,5 @@
src="/docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-themes.png"
alt="Bootstrap Icons" width="700" height="500" loading="lazy">
</div>
</div>
</section>
</div>

4
site/layouts/partials/home/masthead.html
View File

@ -1,4 +1,4 @@
<main class="bd-masthead mb-3 mb-md-5" id="content">
<div class="bd-masthead mb-3 mb-md-5" id="content">
<div class="container px-4 px-md-3">
<div class="row align-items-lg-center">
<div class="col-8 mx-auto col-md-4 order-md-2 col-lg-5">
@ -23,4 +23,4 @@
</div>
{{ partial "ads.html" . }}
</div>
</main>
</div>