bootstrap4✕iPhone/Safariでの表示について

bootstrap4で、画面の大きさによって適宜に改行される様な仕様にしたいと思い、
以下のソースを作成したのですが、、、

HTML
1<!DOCTYPE html>
2<html>
3<head>
4<meta name="viewport" content="width=device-width,initial-scale=1">
5<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
6<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
7</head>
8<body>
9<div class="container-fluid">
10<div class="row">
11<div class="col">AAAAA</div>
12<div class="col">BBBBB</div>
13<div class="col">CCCCC</div>
14<div class="col">DDDDD</div>
15<div class="col">EEEEE</div>
16<div class="col">FFFFF</div>
17<div class="col">GGGGG</div>
18<div class="col">HHHHH</div>
19<div class="col">IIIII</div>
20<div class="col">JJJJJ</div>
21<div class="col">KKKKK</div>
22</div>
23</div>
24
25</body>
26</html>

windows10での、Firefox、Edge、Google Chrome
Android5での、標準ブラウザ、Firefox、Google Chrome
では問題ないのですが、
iPhone5（ios10.3.3）のSafariでは、適宜に改行されずに左右にスクロールしないといけなくなります。
iPhoneのFirefoxとChromeは、ios10が非対応・インストール不可で確認していません。

Safariで、他のデバイスと同じようにするには、どうすれば良いのでしょうか？