チュートリアルを応用してWEBサイトのデザインをしてみましたが、
いつくか思うようにデザインできません（原因が分かりません）。
宜しくお願いいたします。
↑実際に作ったサイトです。
①タブレット、デスクトップ用の表示の際、横幅がチュートリアルの時のようにピタッと揃わない。
応急処置として、
・タブレット用の表示の所で、.col-md-half {width: 48.1%;｝ に変更
（チュートリアルですと、50%）
・デスクトップ用の表示の所で、.col-lg-qtr{width: 23.6%;} と変更
（チュートリアルですと、25%）
しています。
②表示モードをライブ（iphone7）にしている時は、携帯のデザインで表示されていますが、
実際にWEB上にアップデートしてみると、タブレットの表示になってしまう。
ご指導下さい。
よろしくお願いいたします。