他のCMS / Webサイトビルダーとは異なり、AppDragはBootstrapに基づいてクリーンでレスポンシブなコードを生成します。 このようにして、視覚的に生成するすべてのものが、クリーンなソースコードを自動的に生成します。 これが、画面上のどこにも要素を配置できないが、セクション/行/列/要素でレイアウトを作成する必要がある理由です。

ページを切り取る方法は次のとおりです（すべてのタイプは独立してカスタマイズ可能です）

セクション > 行 >  列 > 要素

セクション
ページは、可変の高さを持つ一連のブロックであり、全画面幅を取ります。
これらはセクションと呼ばれます

深く検討するセクション

行
セクションには、1つまたは複数の行が含まれます。
それらは水平グループを作成するために使用されます。 12スロットのグリッドです。

セクションの最初の行

列
列は行のスペースを共有します。 行に2つの列がある場合、それらを同じサイズにしたい場合、
両方ともグリッドの6つのスロットを使用します。 
重要な点は、12スロットが満たされていることです。
3スロットと9スロット、4スロットと8スロット、...
列は、拡大または縮小する列の右からマウスでサイズ変更できます。

モバイルでは、デバイスの幅が狭いため、すべての列が使用可能な幅いっぱいになり
列が縦に追加されます

要素
列には、任意の種類の要素（テキスト、画像、ボタン、メニュー、ロゴなど）が縦に（互いに下に）配置され、列の幅全体に表示されます。

---------------------------
------------------------

例



このセクションを見てみましょう： 

• 行 1
  • 列 1
    • アイコンボタン
    • テキスト
  • 列 2
    • 画像
• 行 2
  • 列 1
    • アイコン
    • タイトル
    • テキストの説明
  • 列 2
    • アイコン
    • タイトル
    • テキストの説明
  • 列 3
    • アイコン
    • タイトル
    • テキストの説明