bootstrap4.css
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
bootstrap4.css
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
bootstrap4.css
h3, .h3 {
font-size: 1.75rem;
}
bootstrap4.css
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
body {
min-width: 992px !important;
}
.container {
min-width: 992px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table {
border-collapse: co
■テキスト:Text:ユーティリティ:h1クラス~h6クラスで文字の大きさを変える
h1クラスの標準と同じになる
h2クラスの標準と同じになる
h3クラスの標準と同じになる
h4クラスの標準と同じになる
h5クラスの標準と同じになる
h6クラスの標準と同じになる
<p class="h1">h1クラスの標準と同じになる</p>
<p class="h2">h2クラスの標準と同じになる</p>
<p class="h3">h3クラスの標準と同じになる</p>
<p class="h4">h4クラスの標準と同じになる</p>
<p class="h5">h5クラスの標準と同じになる</p>
<p class="h6">h6クラスの標準と同じになる</p>
■テキスト:Text:ユーティリティ:displayで文字の大きさを変える
h3(標準)
h3.display-1
h3.display-2
h3.display-3
h3.display-4
<h3>h3(標準)</h3>
<h3 class="display-1">h3.display-1</h3>
<h3 class="display-2">h3.display-2</h3>
<h3 class="display-3">h3.display-3</h3>
<h3 class="display-4">h3.display-4</h3>