コンテンツがページ内の他のコンテンツと垂直に並ぶように、Boostrapのネストされた行に100px の上余白を適用する必要があります。大画面で表示する場合は問題ありません。ブラウザのサイズを縮小してタブレット/電話を模倣すると、コンテンツが縮小して折りたたまれます-これも良いことです。ただし、100 ピクセルの余白により、コンテンツがタブレット ページのかなり下に配置されるようになりました。
メディア クエリを使用して、タブレットと携帯電話の 100 ピクセルのマージンでコンテンツを削除することを考えましたが、コンテンツを削除するのは間違ったアプローチのようです。
ご提案いただきありがとうございます。