Bootstrapについて

前提・実現したいこと

Bootstrapを使っていたのですが、Bootstrapが認識している画面のスタートが表示している画面外になっていて、グリッドシステムの12区分がうまく機能していません。これを普通の状態に直したいです。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>test</title>
	<!--<link rel="stylesheet" type="text/css" href="style2.css"><-->

	<!-- CSS only -->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
	
	<style>
		.box1{
			background-color: black;
		}
		.box2{
			background-color: red;
		}
		
	</style>
</head>
<body>
	<dic class="container">
			<div class="row">
				<div class="box1 col-4">
					box1
				</div>
				<div class="box2 col-4">
					box2
				</div>

試したこと

一度ファイルを作り直したのですがそれでもだめでした。

補足情報（FW/ツールのバージョンなど）

kei344

2020/05/28 14:25

HTMLが途中で切れていますが、実際のファイルもそうなっているのでしょうか。

mao_123

2020/05/28 14:37

それだけでした！あとdivがdicになってたり.... すいません！ありがとうございます！

kei344

2020/05/28 14:38

自己解決で「解決済」にされてはいかがでしょうか。【ヘルプ｜teratail（テラテイル）】 https://teratail.com/help#resolve-myself > 質問をした後に自己解決してしまった > 自分で投稿した質問にも回答する事が可能です。質問文の内容を編集したりせず、回答を付けベストアンサーをクリックし解決済みにしてください。

mao_123

2020/05/28 16:04

ご丁寧にありがとうございます！自己解決にしますね！