使用bootstrap 遇到的问题
(1)上传文件控件在火狐中显示不美观
以下是期望的效果:
解决办法:
在页面的onload事件里面判断浏览器的类型,若是火狐浏览器,则修改样式:
<script type="text/javascript"> //适配File 在火狐中不美观的问题 var fileInputAdapt=function(inputFile222){//style="padding-top: 0px; border: none;box-shadow:none" var brow=$.browser; if(brow.mozilla){//Firefox inputFile222.style.border='none'; inputFile222.style.boxShadow='none'; inputFile222.style.paddingTop='0px'; } }; window.onload=function(){ fileInputAdapt(com.whuang.hsj.$$id('exampleInputFile')); } </script>
最后在火狐浏览器中的效果:
(2)下拉框在IE 中不美观
解决方法:
//解决每页多少条的下拉框在IE中不美观的问题 var brow=$.browser; if(brow.msie){ com.whuang.hsj.$$id('select22Id').style.paddingRight='0'; }
最后的效果:
(3)boostrap 导航在IE8中不兼容
在IE8中的界面:
进入页面时
展开和收起过程中,出现黑色背景:
解决导航栏背景是黑色:
在head中添加
<!--[if IE 8 ]> <link rel="stylesheet" href="css/ie8_yunma.css"> <![endif]-->
ie8_yunma.css的内容:
A { background-color:white; }
注意:只有在IE8中才会引用 ie8_yunma.css
解决边框是黑色的问题,现象如下:
解决方法:
在</body> 标签的后面添加:
<!--[if IE 8 ]> <script > var ie8_ok=function(){//当浏览器是IE8才执行 var brow=$.browser; if(brow.msie){ $('ul.secondNavigate').css('border-bottom-color','#ddd');//导航菜单边框是透明的 $('ul.secondNavigate').css('border-left-color','#ddd');//导航菜单边框是透明的 }}; </script> <![endif]-->
同时在window.onload方法中添加:
var brow=$.browser; if(brow.msie && ie8_ok && ie8_ok!=undefined){//当浏览器是IE,并且IE版本是8才执行 ie8_ok(); }
解决展开和收起时背景有黑色的问题:
相关推荐
bootstrap input 框 清除 小插件、很简单的一个小的js,引入即可。省时省力。
方便快捷的上传文件插件!
Bootstrap File Input 文件上传控件离线文档,完美结合bootstrap,支持ajax异步回调。
文件上传插件Bootstrap File Input 的参考手册
css以及js
bootstrap-input-spinner是一款基于bootstrap4和jquery的input输入框数值微调插件。该插件会为输入框添加增加和减少按钮,通过点击相应的按钮,来对输入框中的数值进行微调。
基于BootStrap简洁美观Cron表达式选择器JS插件,只需要在项目中将JS文件导入和基本的BootStrap控件就可以运行,具体可看里面的demo.html
BootStrap file upload
前端项目-bootstrap-filestyle,引导文件样式是一个快速而简单的插件,可以帮助设置表单文件上载输入的样式。
原版的bootstraptagsinput插件,内容太过繁杂,也不知道如何使用。里面好多冗余文件。本压缩保内的所有文件均为必须文件,采用输入框和多选框两种方式。...我在C# MVC5中遇到了此问题,顺便分享下。
这是一款Bootstrap4数值输入插件。通过该插件可以非常轻松的将input元素转换为数值输入spinner。
bootstrap-tagsinput.zip,bootstrap框架可以使用的tag标签输入框效果插件。
件上传input在各个浏览器里表现形式都不一样,这里通过css样式控制,尽量在多浏览器中的表现都一样
主要介绍了BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤,需要的朋友可以参考下
bootstrap-filestyle是一款基于Bootstrap的文件上传组件美化jQuery插件。它使用简单,效果美观。支持多文件上传和使用data属性,并且兼容IE8浏览器。
#Bootstrap 输入微调器 使用向上/向下按钮增强用于输入数值的文本输入 安装 HTML 头: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/> [removed]...
Bootstrap5 图标库 bootstrap-icons
bootstrap布局设计器
这个里面 包含整个bootstrap源程序 你所需要的都在了、里面.Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 本教程将向您...