bootstrapが機能しない

前提・実現したいこと

bootatrapを機能させたい

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

bootatrapが機能しません。
rowクラスが問題だと思っていますが解決方法が分かりません。
ご教授お願いします。

該当のソースコード

HTML
1<!DOCTYPE html>
2<html>
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
8    <title>ご利用アンケート</title>
9
10    <!-- Latest compiled and minified CSS -->
11    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
12        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
13
14    <!-- Optional theme -->
15    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
16        integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
17
18    <!-- Latest compiled and minified JavaScript -->
19    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
20        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
21        crossorigin="anonymous"></script>
22
23</head>
24
25<body>
26    <div class="container">
27        <form action="#" class="row">
28            <div　class="col-md-3 col-md-offset-6">
29                <h1>Airbnbホストになって、暮らしをレベルアップ</h1>
30                <p>どれくらいの収入が見込めるかチェック</p>
31
32                <div class="form-group">
33                    <label for="location"></label>
34                    <input type="text" id="location" class="form-control" placeholder="ロケーション">
35                </div>
36            </div>
37        </div>
38    </div>
39</body>
40
41</html>

試したこと

ここに問題に対して試したことを記載してください。

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

ここにより詳細な情報を記載してください。

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

回答2件

<form>の閉じタグがありません。 ![イメージ説明](03d0fc417e5aab1a0d62fc4a3e3be771.png)

投稿2020/03/08 06:05

new1ro

総合スコア4528

ベストアンサー

col指定しているdivのclassの横に全角スペースが入っています。

html
1<body>
2    <div class="container">
3        <form action="#" class = "row">
4            <div class="col-md-3 col-md-offset-6"> /* ここ */
5                <h1>Airbnbホストになって、暮らしをレベルアップ</h1>
6                <p>どれくらいの収入が見込めるかチェック</p>
7
8                <div class="form-group">
9                    <label for="location"></label>
10                    <input type="text" id="location" class="form-control" placeholder="ロケーション">
11                </div>
12            </div>
13        </form>
14    </div>
15</body>