bootstrap　グリッドシステム12分割で収まるように記述したつもりが改行されてしまう。

前提・実現したいこと

bootstrapのグリッドシステムを利用したい。
１２分割にできるかどうかを試したい。

■■な機能を実装中に以下のエラーメッセージが発生しました。

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

１２分割で収まるように記述したつもりが、改行されてしまいます。

該当のソースコード

HTML

試したこと

12分割で収まるように設定したのですが、なぜか改行されてしまいます。

<html>
<head>
<title>○○のwebページ</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
    <section class="container">
        　<div class="row"> 
         　　<div class="col-md-4" style="background-color:blue"> 
         　　</div> 
         　　<div class="col-md-2" style="background-color:blue"> 
         　　</div> 
         　　<div class="col-md-6" style="background-color:blue"> 
         　　</div> 
        　</div> 
        <div class="row"> 
            　　<div class="col-md-4" style="background-color:blue"> 
            　　</div> 
            　　<div class="col-md-2" style="background-color:blue"> 
            　　</div> 
            　　<div class="col-md-6" style="background-color:blue"> 
            　　</div> 
           　</div> 
    </section>

</body>
</html>