bootstrap 大坑,大坑

简介: 掉坑里了,耽误了好多时间,  衍生select控件, 它在select 下加了一个div,  然后把select隐藏 但是它生成待div 没有带 col-xs-3这样的class,导致顺序错乱,两个控件之间总有莫名其妙的间距,看了半天都不知道问...

掉坑里了,耽误了好多时间,  衍生select控件, 它在select 下加了一个div,  然后把select隐藏

但是它生成待div 没有带 col-xs-3这样的class,导致顺序错乱,两个控件之间总有莫名其妙的间距,看了半天都不知道问题所在,

最终不断删除代码的笨方式 ,终于找到原因了!!

  简化如下


<div class="row">
	<div class="col-xs-3">
	 div1 
       </div>

	<div>
           div2
       </div>


	<div class="col-xs-3">
          div3
       </div>
</div>

row下面 ,有的div 有 col-xs-3 这样类似的设置,有的div没有就会导致,div顺序错乱 ,不按div1>div2>div3 这样来,而且之间还会出现莫名其妙待间距 大概1px,导致排列布局出问题




解决方法:所有row下面的div都要有 布局属性: col-xs-3 

目录
相关文章
|
3月前
|
JSON 自然语言处理 前端开发
学会这个插件,职业生涯少写 1w 行代码。
学会这个插件,职业生涯少写 1w 行代码。
34 0
|
4月前
|
开发框架 移动开发 前端开发
分享47个JavaScript框架源码,总有一款适合您
分享47个JavaScript框架源码,总有一款适合您
90 0
|
4月前
|
前端开发 JavaScript 开发者
30分钟熟练使用最常用的ES6,还不学是等着被卷死?
30分钟熟练使用最常用的ES6,还不学是等着被卷死?
|
4月前
|
JavaScript 前端开发 索引
某东大厂面试js手写题【手写代码附带注释,放心食用,博主亲测】
某东大厂面试js手写题【手写代码附带注释,放心食用,博主亲测】
53 0
|
10月前
|
缓存 前端开发 JavaScript
前端Vue小项目的一个非常诡异离谱的"眼神不好"Bug
公司放假, 现在来提升自己的前端的技术, 想着使用饿了么UI搭建一个简单的页面, 并完成mock数据的获取, 一个小项目就好了....
76 0
|
编解码 缓存 JavaScript
开个新坑,手摸手解析63道JS手写面试题
开个新坑,手摸手解析63道JS手写面试题
188 0
|
前端开发 Java Spring
项目中发现了一个新的玩意WebAsyncTask
前言 文本已收录至我的GitHub仓库,欢迎Star:github.com/bin39232820… 种一棵树最好的时间是十年前,其次是现在
162 0
|
数据库
代码写的垃圾被嫌弃?这 3 个插件你值得拥有…
今天推荐三个插件,它们都是代码质量检测的神器。可以扫描检测出你项目中不符合规范的代码,他们分别是 SonarLint、SonarQube、Alibaba代码规约插件。
213 0
代码写的垃圾被嫌弃?这 3 个插件你值得拥有…
|
JavaScript 前端开发 中间件
手撸vite插件,就问你来不来
本文主要讲vite工作机制和初始化插件流程始化插件流程
525 0
|
安全
当Synchronized遇到这玩意儿,有个大坑,要注意! (上)
当Synchronized遇到这玩意儿,有个大坑,要注意! (上)
189 0
当Synchronized遇到这玩意儿,有个大坑,要注意! (上)