Bootstrap
关注
分享
扫一扫
小k铁柱
铁柱在努力
展开
-
bootstrap-fileinput language
引入需要的语言，引入之前确保已经引入jquery boostrap bootstrap-fileinput 的 js，并且版本正确，我使用的是jquery3 bootstrap4 以及最新版的bootstrap-fileinput引入之后初始化时，加入language这个option，忘记了就去 [官方教程]里查，language是string类型，可以设置变量引入。英文界面：中文界面：要修改里面的提醒字符，也可以去fileinput.js里去看默认的设置，默认的语言是英文全球化嘛，那原创 2020-07-04 10:40:17 · 401 阅读 · 0 评论 -
js eval方法
ajax请求数据格式先抛出一个问题：我使用post请求后台数据，以表格的形式返回键值对，数组对象格式，console.log获取到的数据是下面这种格式的，在前台使用function(data){}接收，data[0].FileiD始终访问不到这个FileID的值。于是我使用eval()之后就可以访问到了，看看使用data=eval(data)对其转换之后的格式是下面这样的，我算是明白了，原来上面我获取到的就只是个字符串，不是数组对象，因为没法使用访问数组的方式去访问，明白了明白了。查了MDN原创 2020-07-02 16:21:52 · 431 阅读 · 0 评论 -
Bootstrap-table formatter
使用Bootstrap-table 的formatter列选项来控制数据的显示。如下图所示 根据用户不同权限显示不同的操作按钮 ，管理员显示modify按钮 ，普通用户只显示detail按钮。如下，设置async:false,表示同步，这样在外面就可以使用right这个变量，$.inArray('mk2', right)>=0 判断此人的权限是否是mk2 或者 admin， $.inArray('mk2', right)>=0用于判断某个字符是否存在于数组中，存在则返回在数组中的索引，不存原创 2020-07-02 16:09:53 · 9792 阅读 · 2 评论 -
bootstrap-fileinput--看这篇就够了
使用到的插件有Bootstrap-validator 和Bootstrap-fileinput为了做出美丽的页面我也呕心沥血研究了一下Bootstrap-fileinputBootstrap-fileinput 不设置Uploadurl就可以实现非ajax提交，把它当作一个普通的文件控件，如下图，我点击Submit按钮就能实现表单数据和文件的同时提交。Bootstrap-fileinput下载地址：https://codeload.github.com/kartik-v/bootstrap-filei原创 2020-06-20 17:37:45 · 6502 阅读 · 3 评论 -
Bootstrap4使用Bootstrap-table时不显示图标
Bootstrap-table 图标显示不出来，使用的是Bootstrap4（引入umd的popper.js 和awesome整个文件）font-awesome没有引入，下载地址： https://fontaawesome.dashgame.com/如下显示出来了。ASP.NET MVC get请求JsonRequestBehavior.AllowGet最近做的东西好伤脑筋呜呜呜呜呜呜呜弱小孤独无助...原创 2020-06-17 17:51:51 · 2435 阅读 · 0 评论 -
Bootstrap 4中使用BootstrapTable时需要导入popper.js
我真心想吐槽Bootstrap4的坑，我在使用BootstrapTable的使用设置了showColumns:true，结果一直弹出下面这个错误（在谷歌浏览器这个下拉框按钮没反应，在console里显示下面异常），网上找了很久很久的，说是需要在npm安装popper.js，我安装了发现还是出错。emmmmm我的内心是崩溃的。后来直接去cdn的地址下载popper.min.js导入项目就好了。在这里贴上下载地址https://cdn.bootcss.com/popper.js/1.12.5/umd/po原创 2020-06-05 16:17:33 · 2365 阅读 · 0 评论 -
Bootstrap 响应式导航栏
问题描述：今天想做一个响应式的导航栏，可汉堡导航图标一直没响应，找了半天原来是Bootstrap版本问题，它在IE11上无法运行。解决：换成最新的bootstrap版本（bootstrap-4.4.1）就好了。其实说到底还是自己太过粗心吧！当固定导航条遮挡住内容时应该怎么办？直接在文档完成之后给它添加一个导航栏的高度，（我这里是固定在上部所以用padding-top）,如果是固定在左边就是用padding-right. <script type="text/javascr原创 2020-06-01 10:34:47 · 312 阅读 · 0 评论 -
Bootstrap创建表单的几种方式
垂直表单默认情况下就是垂直表单，因为form-control 类的宽度为100%。<div class="container"> <div class="h1 text-center">垂直表单</div> <form> <div class="form-group"> <label for="customer">客户名称</label> <input type="text" id="c..原创 2020-05-30 11:56:04 · 2599 阅读 · 0 评论 -
Bootstrap栅格系统理解
Bootstrap布局容器必须使用HTML5的文档类型；<!DOCTYPE html><html>...</html>移动设备优先；布局容器；container 和 container-fluid 不能嵌套。栅格系统行 row必须包含在布局容器（container 或 container-fluid）里，列包含在row里。...原创 2020-05-30 11:02:49 · 568 阅读 · 0 评论