关于bootstrap的问题
来源:5-6 FileList 组件开发(一)

piaoyangde
2022-06-26
首先向老师致歉:
之前使用的是gitee,自5月18日后,公开必须申请——结果申请未通过。今天改为github,请老师帮我查查问题之所在!
问题:bootstrap 的格栅无效
地址:https://github.com/piaoyangde/my-cloud-doc.git
写回答
1回答
-
张轩
2022-06-27
同学你好
不必致歉 看了你的代码库 是否有文件 没有提交呢?没有找到 fileList 这个文件。
我先来说说下面的按钮的问题,这里是按钮没有撑满对应的长度的问题,打开调试会发现,btn 没有长度的属性,会造成长度没有达到百分之百,我们需要修改一下这个对应的样式,
添加一个 w-100 在 button 上。
<button onClick={onBtnClick} type="button" className={`btn btn-block no-border w-100 ${colorClass}`} >
现在就能有 100% 的长度了
如图:
FileList 可以看看是不是对应的问题,或者等你提交以后我再帮你看看。
注意 bootstrap 的升级导致的问题,可以参阅文档:https://getbootstrap.com/docs/5.2/getting-started/introduction/
00
相似问题