bootstrapが見本通りに表示されず困っています。

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>Try Bootstrap</title>
6    <link rel="stylesheet"
7    href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.css">
8</head>
9<body class="container">
10    <h1 class="display-4 text-container">H1 tag 見出し</h1>
11    <p class="lead">This is Bootstrap sample.</p>
12    <p>Bootstrapを利用したページデザインの例</p>
13</body>
14</html>
15```初心者テキストにbootstrapの勉強の最初にこれを実行してみようと書いてあり、htmlファイルに上のように記述してgoogle chromeで開きましたが、うまく行きませんでした。![イメージ説明](297cb79dcfe304b3fffcdaa7d0592c32.jpeg)
16下が見本なんですが、上みたいになってしまいました。コードは正しく写したので何が違うのかわかりません。
17どうしたら見本のような表示になるか教えていただきたいです。
18
19今回は何もソフトをダウンロードせずに、<head>のlinkタグにhref属性でhttps://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.cssを書いておけばいいと書いてありました。本は２０２０年初刷りです。全然分からないです。よろしくお願いします。

hatena19

2020/05/21 11:50

提示のHTMLなら画像の上の表示になるのが正常です。 Bootstrapもちゃんと反映されています。 Hello! とどこにも書いてないのに表示される方が異常です。

U_x_U_ganja

2020/05/21 12:02

ありがとうございます。h１の文章を個人的にかきかえてしまっていました。。すみません。よかったです。別の質問で恐縮なのですがbootstrap4.5.0が最新版として公式サイトに出ている現在でも、4.3.0などの昔のバージョンは正常に使えるんですか？プログラミング言語やライブラリ、フレームワークって古いものでも問題なく使えるのでしょうか。

hatena19

2020/05/21 13:25

たいていは使えますか、あまり古いと使えない場合もあります。bootstrap4.3.0なら使えます。バージョンアップしたらすぐに古いのが使えなかったら表示されないサイトが続出します。

U_x_U_ganja

2020/05/21 14:08

そうなんですね( ᐡ. ̫ .ᐡ ) そうなったら困りますもんね。お騒がせしました。ありがとうございました！

行動規範の内容に同意します

回答1件

ベストアンサー

画像の上と下の違いは、h1要素が中央寄せになっているかいないかですね。
Bootstrapにはtext-containerなどというクラスはないのでたぶんtext-centerの間違いかと思います。

html
1<body class="container">
2    <h1 class="display-4 text-center">Hallo!</h1>
3    <p class="lead">This is Bootstrap sample.</p>
4    <p>Bootstrapを利用したページデザインの例</p>
5</body>
6