我正在使用react,react-bootstrap。
这是我的反应代码片段:
Test 123 { // ... rest of the components }
这是我在渲染到浏览器时转换为 HTML 的代码片段:
它的渲染如下:
我希望“Test 123”在汉堡菜单按钮之后左对齐。如何设置 CSS 样式或引导类?
演示
演示代码沙箱
更新:
这是我从开发工具中获取的相应 CSS(如果有帮助的话):
PS:
我的package.json:
"react": "^17.0.1" "bootstrap": "^4.6.0", "react-bootstrap": "^1.4.3"
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
添加我的自动课程。
Test 123根据需要添加填充,例如:- px-3
Test 123代码沙箱:https:// /codesandbox.io/s/dawn-sunset-gib5x5?file=/src/App.js:365-424
对于您的 bootstrap 版本,请使用以下类。 引导程序:4.6.0
Test 123代码沙箱:https://codesandbox.io /s/cocky-bhabha-vmlhqj?file=/src/App.js