如何在Bootstrap和React中将文本左对齐
P粉685757239
P粉685757239 2024-03-26 17:42:38
[HTML讨论组]

我正在使用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"

P粉685757239
P粉685757239

全部回复(1)
P粉354602955

添加我的自动课程。

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号