検索

ホームページ  >  に質問  >  本文

Bootstrap の列が行の下端と整列しないようにする方法

rree

ここで、作成しようとしている「delete_element」ボタンは、インライン CSS スタイルを使用するか、ブートストラップの align メソッドを呼び出すかにかかわらず、どのようにスタイルを設定しようとしても、下揃えを要求するようです。 contenteditable 要素と揃えたいのですが、どうすればよいでしょうか?列でボタンを使用するとバグがありますか?

P粉253518620P粉253518620449日前570

全員に返信(1)返信します

  • P粉850680329

    P粉8506803292023-09-11 11:44:01

    あなたは Bootstrap の仕組みを理解していません。とにかくボタンが row (!) の一番下に並んでいるのはそのためです。

    注: 質問のタイトルが間違っていたため、質問のタイトルを変更しました。

    col クラスを使用しているため、追加する CSS に関係なく、ボタンは常に画面幅全体 (つまり 12 列) を占めます。したがって、問題の原因はボタンではなく、列クラスにあります。

    2 つの要素を並べて表示したい場合は、次のようにします。

    1. 2 つの列の合計は 12 列を超えてはなりません
    2. col クラスは使用しないでください (col-1col-2col-3、などのクラス)。

    以下の例では、col-1 クラスを 2 回使用していることがわかります (1 列 1 列 = 2 列、12 列未満)。 Grid System にある Bootstrap 5 のドキュメントを読むことをお勧めします。

    以下のコード スニペットを参照してください。

    リーリー

    返事
    0
  • キャンセル返事