关于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% 的长度了

如图:

//img.mukewang.com/szimg/62b9118309771ea310000332.jpg

FileList 可以看看是不是对应的问题,或者等你提交以后我再帮你看看。

注意 bootstrap 的升级导致的问题,可以参阅文档:https://getbootstrap.com/docs/5.2/getting-started/introduction/

0
0

2024更新 Electron+React+七牛云实战跨平台桌面应用

开发一款自动云同步的 Markdown 文件管理软件

1252 学习 · 463 问题

查看课程