ddouble / bsie Goto Github PK
View Code? Open in Web Editor NEWBootstrap IE6 Compatible Library
Home Page: http://ddouble.github.com/bsie/
Bootstrap IE6 Compatible Library
Home Page: http://ddouble.github.com/bsie/
我的一个项目想用bootstrap来做响应式,但同时在pc端又要求兼容IE6,所以我打算用您的baie来做。
请问一下,p-2.html中引用的这个响应式的css文件
href="../assets/css/bootstrap-responsive.css",好像不存在。
是不是还要用到原版的bootstrap?
具体是怎么引用可以指导我一下吗?
不甚感激。
听上去不会考虑再出 bootstrap 3 的 bsie 了,甚感遗憾。不过 bootstrap 2 系应该不会再发布什么新版了,是否可以抽点时间把 bootstrap 同步到最新的 2.3.2,预计工作量应该不大,目前 bsie 还是蛮不错了。
还有个小问题就是 ie.cs 和 bootstrap-ie6.css 这2个为何不直接整成一个文件 啊……
I used the ie.css file on a website running HTTPS and it reported the annoying "this page is running non-secure content" error. I changed "about:blank" for the background image tag with "none" and fixed the issue.
Hi,
SELECT multiple appears with zero height, my fix:
SELECT{height:auto}
官方网站上bootstrap 3 rc版本已经发布了,不知bsie是否会支持bootstrap 3?谢谢
刚刚在测试这个 bsie 总体还不错,但是由于项目中早已包含 jQuery,所以在试着替换 jQuery 库时发现用 1.8.0 版时 p-1.html 中的 DropdownMenu 直接卡死(IE6),换用 1.9.0 的 jQuery 则直接报语法错 $.msie 不是对象?
没有太关注 jQuery 的 ChangeLog,也许是 jQuery 哪儿不兼容导致的,CSS方面测试都OK。
不过 test-tooltip.html 这个在 IE6 似乎浮动有点问题。
因为在 yii-bootstrap 里默认用 link 做按纽,发现以下代码在鼠标移过按纽及点击按纽时底色、文字颜色表现不正确(IE6):
<div class="btn-toolbar" style="margin: 0;">
<div class="btn-group">
<a data-toggle="dropdown" class="btn btn-primary dropdown-toggle" href="#">Action <span class="caret"></span></a>
<ul id="yw0" class="dropdown-menu">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separate link</a></li>
</ul>
</div>
</div>
由于CSS代码量比较大,加上IE6难以调试我一下子没有发现问题在哪,不带动作的普通按纽或换成 就没有问是。应当是 CSS 的优先级出错了,作者有时间看看能否修正一下,多谢了!
不好意思,又来报BUG了,显示 modal 时在IE6下似乎也被应用上了一层半透明效果,导致显示似乎很暗。以下是试验代码:
<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>
目前 bootstrap-ie6.css 是基于 bootstrap.css 直接修改,尺寸比较大,而且也不利于跟随 bootstrap 同步和升级。
经过实际测试,发现 bootstrap-ie6.css 也不能脱离 bootstrap.css 单独工作(我用PHP判断在IE6时只加载 bootstrap-ie6.css 结果好多乱掉的)。
因此强烈建议做成补丁呀,辛苦作者了 ^-^ 目前我结合 yii-bootstrap 在做,继承扩展了一个 BootstrapIE6,在 PHP 代码中判断 IE6/7 时加载这些补丁,效果还不错。
if ($.eb.ie6) {
el = el || $('html');
.......
应该改为:
if ($.eb.ie6()) { // 没有执行。。。
el = el || $('html');
jhjh
If I have a text input with long text inside the input expands indefinitely, my fix:
INPUT {overflow-x:hidden; }
试下用来 bsie 在 IE6 基本上比较完美了,刚刚发现 bootstrap-ie6.css 这个文件根本没有包含 carousel 这个组件的 CSS。
但原版 bootstrap.css 里有,less-ie6/ 下也有相关的 less 文件。
但这个文件里用了很多 '>' 来定义 CSS,因此 IE6 下又有问题。刚才简单测试了一下,只要把大部分的 > 删除替换为空格,然后再加入以下几行就可以了,希望官方可以进一步修正然后加入。多谢!!
.carousel-inner .item img {
display: block;
line-height: 1;
width: 100%; // 增加部分,原css定义了 max-width 但IE6还是不支持
height: auto; // 增加部分,因为这些文件只有 ie6 加载,所以无需要用 * 开头了
}
.carousel-caption {
_filter:alpha(opacity=70); // caption 的半透明效果
}
Hi again~
最近在 IE6 上用 Grid,比如给第一个 .span3 加上 .offset1 之后,位置还是没有变化。
看了下代码,发现有这样一句 https://github.com/ddouble/bsie/blob/master/js/bootstrap-ie.js#L124,所有的 [class*=span]:first-child
都会被加上一个 class span-first-child
,也就是加上了一个 margin-left: 10px
。于是 .offset* 就不再起作用了。
我猜,这一句是为了解决 IE6 下的 "double margin" 的问题,如果是这样的话,我等下会创建一个 pull-request 来 fix 这个问题。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.