1. 程式人生 > >Bootstrap(二)文字樣式

Bootstrap(二)文字樣式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="bootstrap-4.1.3-dist/css/bootstrap.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--
    禁用縮放
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    -->
    <title>Title</title>
</head>
<body>
<h1>正常標題</h1>
<h1><strong>標題加粗</strong></h1>
<h1><em>標題斜體</em></h1>
<h1>正標題<small>副標題</small></h1>
<h1 class="text-left">文字居右</h1>
<h1 class="text-center">文字居中</h1>
<h1 class="text-right">文字居右</h1>
<h1 class="text-danger">危險色</h1>
<h1 class="text-info">資訊色</h1>
<h1 class="text-muted">柔和色</h1>
<h1 class="text-primary">主要色</h1>
<h1 class="text-success">成功色</h1>
<h1 class="text-warning">警告色</h1>
<code>行內程式碼</code>
<pre><code>
    多行程式碼
    多行程式碼
    多行程式碼
</code></pre>
<kbd>按鍵輸入</kbd>
</body>
</html>