offsettとマージン/パディングを指定するときの違い

Bootstrapの初学者です。
横並びのメニューバーを作成しております。その際に、メニューの位置を左から１００ｐｘほどずらしたいと思っております。

その実装する方法について質問があります。
質問１
Bootstrap４の公式ドキュメントを確認すると、".col-md-3 .offset-md-3"のようにoffsetを利用すれば、メニューの位置をずらせると記載があります。
ただし下記のURLでは、マージンやパディングを指定してずらすようにと記載があります。
URL：http://info-i.net/bootstrap-spacing

前者の方は、カラムを分割して空白を作るイメージで、後者は、カラムを分割というよりは、カラムにある要素の位置を直接移動させるという理解で良いでしょうか。

質問２
作成したいメニューパターンとして、下記の通りです。
この場合、パターン１に対しては、12カラムを3分割して、それぞれをマージンやパディングでずらすようにコードを書くべきでしょうか。
パターン２も同様に、3分割して、それぞれをマージンやパディングでずらすようにコードを書くべきでしょうか。

作成後のイメージとしては、下記のとおりです。

---------------------パターン１---------------
企業名 (空白)　　　　　　買い物かご　ログイン

---------------------パターン２---------------
(空白)　メニュー１　メニュー２　メニュー３　 (空白)　

上記の実装で可能かと思いますが、レスポンシブルのことを考えた場合、
Bootstrap上で適切なソースコードの組み方はどのようにすべきでしょうか。