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 

目录
相关文章
|
6月前
|
开发框架 移动开发 前端开发
分享47个JavaScript框架源码,总有一款适合您
分享47个JavaScript框架源码,总有一款适合您
118 0
|
6月前
|
前端开发 JavaScript 开发者
30分钟熟练使用最常用的ES6,还不学是等着被卷死?
30分钟熟练使用最常用的ES6,还不学是等着被卷死?
|
6月前
|
前端开发 JavaScript 算法
万万没想到,React 优先级队列的实现方式,跟我书里写的一模一样
万万没想到,React 优先级队列的实现方式,跟我书里写的一模一样
|
6月前
|
JavaScript 前端开发 索引
某东大厂面试js手写题【手写代码附带注释,放心食用,博主亲测】
某东大厂面试js手写题【手写代码附带注释,放心食用,博主亲测】
59 0
|
缓存 前端开发 JavaScript
前端Vue小项目的一个非常诡异离谱的"眼神不好"Bug
公司放假, 现在来提升自己的前端的技术, 想着使用饿了么UI搭建一个简单的页面, 并完成mock数据的获取, 一个小项目就好了....
83 0
|
前端开发 JavaScript
用Transition组件犯迷糊?看我这篇给你安排的明明白白的
transition组件作为Vue的内置组件,可以用来实现组件的过渡效果。在Vue中,过渡效果是通过CSS来实现的,所以过渡不是如何使用组件,而是如何写CSS。
137 0
用Transition组件犯迷糊?看我这篇给你安排的明明白白的
|
存储 JavaScript 前端开发
20个JS精简代码无形装逼集合,最为致命,记得收藏好
20个JS精简代码无形装逼集合,最为致命,记得收藏好
|
XML JSON JavaScript
2021年的几次面试让我死磕了17道JS手写题!(下)
2021年的几次面试让我死磕了17道JS手写题!
112 0
|
JavaScript 前端开发
2021年的几次面试让我死磕了17道JS手写题!(上)
2021年的几次面试让我死磕了17道JS手写题!
133 0
|
前端开发 Java Spring
项目中发现了一个新的玩意WebAsyncTask
前言 文本已收录至我的GitHub仓库,欢迎Star:github.com/bin39232820… 种一棵树最好的时间是十年前,其次是现在
174 0