栅格系统导致左右两个组件分行显示

首页课程实战体系课手记专栏慕课教程

栅格系统导致左右两个组件分行显示

来源：5-2 FileSearch 组件（一）

piaoyangde

2022-06-21

{inputActive && (
				<div className="row">
					<input
						className="form-control col-8"
						value={value}
						onChange={(e) => {
							setValue(e.target.value)
						}}
					></input>
					<button
						type="button"
						className="btn btn-danger col-4"
						onClick={() => {
							setInputActive(false)
						}}
					>
						关闭
					</button>
				</div>
			)}


	![出来的效果](http://img.mukewang.com/szimg/62b1d6e708ad3f0b05730272.jpg)

写回答

1回答

张轩

2022-06-22

同学你好

能否提供一下源代码(git) 我在本地帮你调试一下谢谢

0

1

piaoyangde

https://gitee.com/piaoyangde/my-cloud-doc.git 谢谢！后来是在外面套了一个div后解决的

2022-06-22

共1条回复

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

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

1253 学习 · 463 问题

相似问题

右键菜单一闪而过的问题

回答 1

您好，这一课，新建文件当本地文件夹。点击新建输入文件名字，回车保存文件，然后刷新electron在新建保存就会进入程序会卡死。麻烦您能解读下吗？

回答 7

导入文件，如果文件本身有内容，为何没有把文件自带的内容导入到数据的body中呢。

回答 1

显示了两个markdown?

回答 4

相同文件名的问题

回答 1

打开慕课网App查看更多内容