Bootstrap Snippet Test Footer using HTML CSS

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div id="footer" class="style-scope ytd-guide-renderer">
<div id="guide-links-primary" class="style-scope ytd-guide-renderer">
<a slot="guide-links-primary" href="//www.youtube.com/yt/about/" style="display: none;">About</a>
<a slot="guide-links-primary" href="//www.youtube.com/yt/press/" style="display: none;">Press</a>
<a slot="guide-links-primary" href="//www.youtube.com/yt/copyright/" style="display: none;">Copyright</a>
<a slot="guide-links-primary" href="/t/contact_us" style="display: none;">Contact us</a>
<a slot="guide-links-primary" href="//www.youtube.com/yt/creators/" style="display: none;">Creators</a>
<a slot="guide-links-primary" href="//www.youtube.com/yt/advertise/" style="display: none;">Advertise</a>
<a slot="guide-links-primary" href="//www.youtube.com/yt/dev/" style="display: none;">Developers</a>
</div>
<div id="guide-links-secondary" class="style-scope ytd-guide-renderer">
<a slot="guide-links-secondary" href="/t/terms" style="display: none;">Terms</a>
<a slot="guide-links-secondary" href="https://www.google.com/intl/en/policies/privacy/" style="display: none;">Privacy</a>
<a slot="guide-links-secondary" href="//www.youtube.com/yt/policyandsafety/" style="display: none;">Policy & Safety</a>
<a slot="guide-links-secondary" href="/new" style="display: none;">Test new features</a>
</div>
<div id="vat-notice" slot="vat-notice" style="display: none;">
</div>
<div id="copyright" slot="copyright" style="display: none;">
<div dir="ltr" style="display:inline">© 2019 Google, LLC</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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
ytd-guide-renderer[is-guide-refresh] #guide-links-primary.ytd-guide-renderer {padding: 16px 24px 0;border-top: 1px solid var(--yt-spec-10-percent-layer);}
ytd-guide-renderer[is-guide-refresh] #guide-links-primary.ytd-guide-renderer > a, ytd-guide-renderer[is-guide-refresh] #guide-links-secondary.ytd-guide-renderer > a {color:#212125;font-size:1.3rem;font-weight:500;line-height: 1.8rem;}
#guide-links-primary.ytd-guide-renderer > a:not(:last-child), #guide-links-secondary.ytd-guide-renderer > a:not(:last-child) {margin-right: 8px;}
#guide-links-primary.ytd-guide-renderer > a, #guide-links-secondary.ytd-guide-renderer > a {display: inline-block !important;text-decoration: none;color:#212125;font-size: 1.3rem;font-weight:500;line-height:2.1rem;white-space: nowrap;}
ytd-guide-renderer[is-guide-refresh] #guide-links-secondary.ytd-guide-renderer {padding: 12px 24px 0;}
ytd-guide-renderer[is-guide-refresh] #footer.ytd-guide-renderer > #vat-notice {padding: 8px 24px;}
#footer.ytd-guide-renderer > #vat-notice {color:#212125;font-size: 1.3rem;font-weight: 500;line-height: 2.1rem;}
#footer.ytd-guide-renderer > #vat-notice, #footer.ytd-guide-renderer > #copyright {display: block !important;}
ytd-guide-renderer[is-guide-refresh] #footer.ytd-guide-renderer > #copyright {padding:16px 24px;color:#212125;font-size: 1.3rem;font-weight: 400;line-height: 1.8rem;text-transform: none;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Test Footer"
Bootstrap 4.1.1 Snippet by sparkktv

Related: See More

Questions / Comments:

"Test Footer" Bootstrap 4.1.1 Snippet by sparkktv

Related: See More

Questions / Comments:

"Test Footer"
Bootstrap 4.1.1 Snippet by sparkktv