グリッドシステムのスタイルシート適用方法について

グリッドシステムで作成した　rowに全体に対してスタイルシートを適用させたいのですがうまくいきません。どのように適用するべきなのか教えていただきたいです。

以下記述の場合、グリッドが崩れて縦一例に表示されてしまいます。

<div class="row_style1">の記述を除くと正常に表示されます。

フォント系と背景色を変更したいと考えております。

以下ソース

HTML
1<body>
2    <div class="container">
3        <header>
4            <div class="row_style1">
5            <div class="row"> <!--bootstrapグリッドシステム開始-->
6                <div class="col-md-4">
7                    <h2><a href="/">い</a></h2>
8                </div>
9                <div class="col-md-4">
10                    <h3><a href="/">ろ</a></h3>
11                </div>
12                <div class="col-md-4">
13                    <h4><a href="/">は</a></h4>
14                </div>
15            </div>　<!--bootstrapグリッドシステム終了-->
16            </div>
17            <div class="row_style2">
18            <div class="row"> <!--bootstrapグリッドシステム開始-->
19                <div class="col-md-4">
20                    <h2><a href="/">い</a></h2>
21                </div>
22                <div class="col-md-4">
23                    <h3><a href="/">ろ</a></h3>
24                </div>
25                <div class="col-md-4">
26                    <h4><a href="/">は</a></h4>
27                </div>
28            </div>　<!--bootstrapグリッドシステム終了-->
29            </div>
30        </header>
31    </div>
32<body>

css
1header {
2    margin-top: 30px;
3    color: #2e99a9;
4}
5
6hr {
7    border-width: 3px;
8    border-color: #2e99a9;
9    margin: 30px 0;
10}
11
12h1 {
13    font-size: 18px;
14    font-weight: bold;
15}
16
17h3 {
18    font-size: 10px;
19    font-weight: bold;
20}
21
22.form-group>label {
23    font-weight: bold;
24}