Button（ボタン）

• Button position and caption)
• Radio button
• Input file

Button position and caption

Cancel - Temporarysave - Save（キャンセル - 一時保存 - 保存）
** Cancel left, Save right. （※左にキャンセル、右に保存）

Radio button

左がOFF、右がON

Input file

class="custom-file-input"を使う ※ Forms - Bootstrap 4.2 - 日本語リファレンス

サンプル画面：課題管理の課題設定

サンプルソース

https://github.com/opensource-workshop/connect-cms/blob/master/resources/views/plugins/user/learningtasks/default/learningtasks_input.blade.php

            <div class="custom-file">
                <input type="file" class="custom-file-input" id="add_task_file" name="add_task_file">
                <label class="custom-file-label" for="add_task_file" data-browse="参照">PDF もしくは ワード形式。</label>
            </div>

ボタン表示例

• 緑ボタン・リンク(青)：画面移動
• 青ボタン：登録・更新・ダウンロードボタン
• リンク(青)：ダウンロードボタン
• 赤ボタン：削除
• 灰色ボタン：キャンセル・戻る

参考issue

【データベース・フォーム】設定画面＞項目設定の詳細ボタンは緑色がいいかも

関連ページ

Font-Icon