border-radius スタイルを無効にする

Bootstrap4の $enable-rounded を無効にした場合に変更される主なCSSスタイル。

$enable-rounded を無効にする方法

1. ツールのセットアップを実行。
2. Bootstrap4のソースファイルの /scss/_variables.scss の Options の項目にある
   $enable-rounded: true !default; を $enable-rounded: false !default; に変更。
3. コマンドラインから npm run test を実行。
4. dist/ 内のファイル全てが更新されるので、css/bootstrap.css または css/bootstrap.min.css を自分のサイトのものと差し替える。

<kbd>の角

ユーザーが入力した内容を表示するにはユーザー入力のようにします。

イメージサムネイルの角

アラートの角

バッジの角

Primary Secondary Success Info Warning Danger Light Dark

パンくずリストの角

ボタンの角

Primary Secondary Success Danger Warning Info Light Dark

ボタングループの角

カードの角

ドロップダウンのメニューーの角

フォームコントロールの角

Eメールアドレス

選択の例 1 2 3 4 5

テキストエリアの例

カスタムチェックボックスの角

カスタムレンジ入力のレンジ部分の角

レンジの実例

カスタムチェックボックスの角

この選択メニューを開く その1 その2 その3

カスタムファイル選択の角

インプットグループの角

●前にアドオン

●後にアドオン

ジャンボトロンの角

リストグループの角

• アイテム1
• アイテム2
• アイテム3

モーダルの角

ココを押すと表示

タブナビゲーションの角

• アクティブ
• リンク1
• リンク2
• 無効

ピルナビゲーションのアクティブ部分の角

• アクティブ
• リンク1
• リンク2
• 無効

ナビゲーションバー切替ボタンの角

ページ送りの角

ポップオーバーの角

ココを押すと表示

プログレスバーの角

トーストの角

ツールチップの角

リンクの上にカーソルを合わせるかタッチして下さい。

---