Bootstrap と React でテキストを左揃えにする方法

Question

react、react-bootstrap を使用しています。

これが私の反応コードスニペットです:

リーリー

これは、ブラウザにレンダリングするときに HTML に変換するコード スニペットです:

リーリー

これは次のように表示されます:

「Test 123」をハンバーガーメニューボタンの後ろに左揃えにしたいです。 CSS スタイルまたはブートストラップ クラスを設定するにはどうすればよいですか?

＃＃＃＃＃＃デモ＃＃＃＃＃＃

デモコードサンドボックス ##%2

Answer 1

私の自動コースを追加します。

リーリー

必要に応じてパディングを追加します。例:- px-3

リーリー

コードサンドボックス: https:///codesandbox.io/s/dawn-sunset-gib5x5?file=/src/App.js:365-424

ブートストラップ バージョンの場合は、次のクラスを使用します。 ブートローダー: 4.6.0

リーリー

コードサンドボックス: https://codesandbox.io /s/cocky-bhabha-vmlhqj?file=/src/App.js