Bootstrap4 中央揃えについて

初心者です。

conrainerクラスの中身や、
文字などを中央にすることができません。

mx-auto（？）を描いてみても内容が中央揃えできませんでした。

上の画像のようにしたいです。

どなたか回答お待ちしております。

html
1        <div class="jumbotron">
2            <div class="container">
3                <div class="mx-auto">
4                    <h1>広告で、街をつなぐ</h1>
5                </div>
6                <div class="dropdown show mx-auto">
7                    <a class="btn btn-outline-secondary dropdown-toggle" href="#" data-toggle="dropdown">
8                        ジャンル
9                    </a>
10                    <div class="dropdown-menu">
11                        <a class="dropdown-item" href="#">ドロップダウンリンク1</a>
12                        <a class="dropdown-item" href="#">ドロップダウンリンク2</a>
13                        <a class="dropdown-item" href="#">ドロップダウンリンク3</a>
14                        <div class="dropdown-divider"></div>
15                        <a class="dropdown-item" href="#">ドロップダウンリンク4</a>
16                    </div>
17                    <a class="btn btn-outline-secondary dropdown-toggle" href="#" data-toggle="dropdown">
18                        エリア
19                    </a>
20                    <div class="dropdown-menu">
21                        <a class="dropdown-item" href="#">ドロップダウンリンク1</a>
22                        <a class="dropdown-item" href="#">ドロップダウンリンク2</a>
23                        <a class="dropdown-item" href="#">ドロップダウンリンク3</a>
24                        <div class="dropdown-divider"></div>
25                        <a class="dropdown-item" href="#">ドロップダウンリンク4</a>
26                    </div>
27                    <a class="btn btn-outline-secondary dropdown-toggle" href="#" data-toggle="dropdown">
28                        期間
29                    </a>
30                    <div class="dropdown-menu">
31                        <a class="dropdown-item" href="#">ドロップダウンリンク1</a>
32                        <a class="dropdown-item" href="#">ドロップダウンリンク2</a>
33                        <a class="dropdown-item" href="#">ドロップダウンリンク3</a>
34                        <div class="dropdown-divider"></div>
35                        <a class="dropdown-item" href="#">ドロップダウンリンク4</a>
36                    </div>
37                </div>
38            </div>
39        </div>
40
41
42        <div class="mx-auto">
43            <h1>AddCityとは？</h1>
44        </div>
45
46        <div class="container">
47            <div class="row">
48                <div class="col-md-4">
49                    <p>AddCity</p>
50                </div>
51                <div class="col-md-8">小規模で、地域に密着した広告を出したい 
52                    「企業」と空きスペースを有効活用したい「個人」が
53                        つながるWebサービスです。</div>
54            </div>
55        </div>
56
57        <div class="mx-auto">
58            <h1>サービスの流れ</h1>
59        </div>
60        <div class="jumbotron">
61            <div class="container">
62                <div class="row">
63                    <div class="col-md-6">掲載を依頼する</div>
64                    <div class="col-md-6">掲載主になる</div>
65                </div>
66            </div>
67        </div>
68
69