検索

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

ブートストラップのナビゲーションバーのテキストを画像と揃えるにはどうすればよいですか?

ブートストラップ ナビゲーション バーを使用しており、ナビゲーション バーのブランディングに画像を挿入しましたが、サイズが原因で位置合わせが台無しになります。それに付随するテキストを中央に揃えたいのですが、他のボタンのテキストも中央に揃える方法がわかりません。

出力は次のようになります

リーリー

ナビゲーション項目で配置を使用してみましたが、何をしても何も変わりません。ブートストラップを使用するのは初めてで、HTML の知識が限られているため、何をすればよいかわかりません。 #

P粉221046425P粉221046425273日前425

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

  • P粉797004644

    P粉7970046442024-03-29 11:06:33

    実装の何が問題なのかわかりません。 ブートストラップのドキュメントで説明されているように、ナビゲーションコンテナを使用してスニペットをラップしようとしましたが、うまく見えました:

    リーリー リーリー

    おそらくそのラッパーが足りないだけですか?それとも、HTML ファイルの静的スタイルにブートストラップのスタイルを含めていないのでしょうか?

    返事
    0
  • P粉129275658

    P粉1292756582024-03-29 10:36:19

    親要素のすべての <a> タグと navbar-brand <a> で in ブートストラップを使用してみることができます。以下に示すように、タグ d-flexalign-items-center クラス。これにより、要素が垂直方向の中央に配置されます。

    リーリー

    返事
    0
  • キャンセル返事