修正候補

大きなずれの修正

• グリッドシステムが働いていない
  • ボタンなどが中央寄せになっていない
  • インポートするコレクションのリスト
  • インポートするコレクションの Mode ドロップダウン

デザイン調整

• label
  • 太字になってない
• <div class="well well-sm mb-0 small">
  • padding
  • 影
• button
  • 背景色、マウスオーバー時の挙動
• checkbox
  • 形状

修正内容

• グリッドシステムのv3→v4移行

  • form タグの form-horizontal クラスを削除
  • form タグの中の div タグに row クラスを追加
  • col-xs-6 などのクラスを col-6 に変更

• カード

  • .well → .card .card-body .bg-light
    • bg-color は3ではデフォルトでグレーだが4だとホワイト
  • .well .well-sm → .card .card-body .p-2

• パネル

  • .panel .panel-default → .card
  • .panel-heading → .card-header
  • .panel-title → .card-body
  • .panel-footer → .card-footer

• btn-default

  • .btn-default → .page-link.text-dark.d-inline-block `btn-light'