
Bootstrap开发
飞向Hadoop
这个作者很懒,什么都没留下…
展开
-
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,然后各种百度啊,最后在 雅朋网 的一个网友帖子的帮助下解决了转载 2015-01-07 11:47:26 · 674 阅读 · 0 评论 -
为bootstrap模态窗口添加拖拽(draggable )事件
Launch demo modal × Modal title ... Close Save changes原创 2016-07-06 15:56:23 · 6353 阅读 · 1 评论 -
解决模态窗口按回车键出现很多窗口bug
自己封装了bootstrap模态窗口,使用按钮触发模态事件,但按回车键会出现很多重复窗口。 解决模态窗口按回车键出现很多窗口bug :模态窗口最外层div加入 tabindex="-1"原创 2016-07-21 11:38:10 · 2306 阅读 · 0 评论 -
设置bootstrap模态窗页面点击无法消失
可以在模态窗口中使用data-backdrop="false"特性,让只能点击模态窗口部分才能让模态窗口消失,其他部分点击无效。如下所示:创建模态框(Modal) data-target="#myModal"> 开始演示模态框 aria-labelledby="myModalLabel" aria-hidden="true" da原创 2015-06-09 09:58:23 · 2138 阅读 · 0 评论 -
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
如有雷同,不胜荣幸,若转载,请注明让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,然后各种百度啊,最转载 2015-05-22 14:35:39 · 382 阅读 · 0 评论 -
bootstrap 3 Modal Dialog 上下左右居中
html code:div id="confirm-dialog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> div class="modal_wrapper" >div class="modal-dialog">转载 2015-05-22 14:55:30 · 3059 阅读 · 0 评论 -
js与bootstrap标签页冲突
如果在css中使用了清除浮动clear:both;可能会照成对bootstrap标签页的冲突。原创 2015-06-02 10:15:33 · 1057 阅读 · 0 评论 -
bootstrap3.css对自定义css的影响
本人在做前端的时候有些jsp页面引入了bootstrap3.css,而有的jsp页面没有引入bootstrap3.css,当这些页面共用一个底部时,发现底部在不同的jsp页面出现了问题,引入了bootstrap3.css的jsp页面底部样式出现了变动,后面才发现bootstrap3.css对padding-top样式有影响。当对padding-top修改后,问题解决了。原创 2015-06-17 10:59:17 · 1306 阅读 · 0 评论 -
bootstrap3模态窗在浏览器中定位问题
只有当class="modal-dialog"和class="modal-content"css样式设置一样时,在可以屏蔽在不同浏览器中显示位置不同的问题(尤其在ie8中)。原创 2015-05-06 09:15:35 · 3305 阅读 · 0 评论 -
IE下background背景图片无法显示问题解决方法
原代码如下: 原来的"label_input_checkbox_1_span的css设置如下:background: url("../images/news/201504280800.png")no-repeat 0% 0% transparent;background-repeat: no-repeat;cursor: pointer;vertical-原创 2015-04-28 08:40:50 · 11767 阅读 · 0 评论 -
自定义bootstrap标签页
用法您可以通过以下两种方式启用标签页:通过 data 属性:您需要添加 data-toggle="tab" 或 data-toggle="pill" 到锚文本链接中。添加 nav 和 nav-tabs 类到 ul 中,将会应用 Bootstrap 标签样式,添加 nav 和 nav-pills 类到 ul 中,将会应用 Bootstrap胶囊式样式。 class="na原创 2015-05-13 08:02:24 · 2886 阅读 · 0 评论 -
boostrap轮播效果在IE浏览器CSS背景颜色透明不兼容问题
可以使用样式filter:alpha(opacity=50); 本人在IE8不兼容,使用了filter:alpha(opacity=50); 后问题得到解决原创 2015-05-05 15:22:22 · 867 阅读 · 0 评论 -
让Bootstrap 3(兼容IE8浏览器)在IE8下未能自适应解决办法
最近在研究Bootstrap(官方,Github) 这个优秀的前端框架,Bootstrap最开始是Twitter团队内部的一个前端框架,所谓前端框架就是一个CSS/HTML框架,框架里面有下拉菜 单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等。Bootstrap他们预先定义好,等要进行正 式制作网页的时候,我们可以直接用里面的class就可以转载 2016-06-25 14:38:41 · 4028 阅读 · 0 评论