12カラムグリッドは、ページ幅を12等分した列構造で、Webデザインの標準的なフレームワークです。各カラムは等幅で、複数のカラムを組み合わせて要素を配置します。レスポンシブデザインで広く採用され、4・6・8カラム等への変更も容易です。
レイアウトグリッドは、行・列・余白を規則的に配置する設計手法の総称です。グリッドの分割数に制限はなく、デザインの目的に応じて柔軟に設定できます。UI/UXデザインやアプリケーション設計でも用いられる広範な概念です。
12カラムグリッドは具体的で標準化された12分割システムで、主にWebサイトのレイアウト構築に用いられます。一方、レイアウトグリッドは分割数や間隔を自由に設定できる総称的な手法で、Webサイト・アプリ・プリント媒体など、あらゆる設計場面で適用可能です。12カラムは実装的・具体的、レイアウトグリッドは理論的・汎用的なニュアンスです。
WebサイトやWebアプリケーションの構築なら12カラムグリッドを選択するとスムーズです。デザイン理論や汎用性を重視する場合、あるいは非Web媒体ならレイアウトグリッドの概念で柔軟に設計するとよいでしょう。