rree
ここで、作成しようとしている「delete_element」ボタンは、インライン CSS スタイルを使用するか、ブートストラップの align メソッドを呼び出すかにかかわらず、どのようにスタイルを設定しようとしても、下揃えを要求するようです。 contenteditable 要素と揃えたいのですが、どうすればよいでしょうか?列でボタンを使用するとバグがありますか?
あなたは Bootstrap の仕組みを理解していません。とにかくボタンが row (!) の一番下に並んでいるのはそのためです。
row
注: 質問のタイトルが間違っていたため、質問のタイトルを変更しました。
col クラスを使用しているため、追加する CSS に関係なく、ボタンは常に画面幅全体 (つまり 12 列) を占めます。したがって、問題の原因はボタンではなく、列クラスにあります。
col
2 つの要素を並べて表示したい場合は、次のようにします。
col-1
col-2
col-3
以下の例では、col-1 クラスを 2 回使用していることがわかります (1 列 1 列 = 2 列、12 列未満)。 Grid System にある Bootstrap 5 のドキュメントを読むことをお勧めします。
以下のコード スニペットを参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
あなたは Bootstrap の仕組みを理解していません。とにかくボタンが
row(!) の一番下に並んでいるのはそのためです。注: 質問のタイトルが間違っていたため、質問のタイトルを変更しました。
colクラスを使用しているため、追加する CSS に関係なく、ボタンは常に画面幅全体 (つまり 12 列) を占めます。したがって、問題の原因はボタンではなく、列クラスにあります。2 つの要素を並べて表示したい場合は、次のようにします。
colクラスは使用しないでください (col-1、col-2、col-3、などのクラス）。以下の例では、
col-1クラスを 2 回使用していることがわかります (1 列 1 列 = 2 列、12 列未満)。 Grid System にある Bootstrap 5 のドキュメントを読むことをお勧めします。以下のコード スニペットを参照してください。