Bootstrap
关注
分享
扫一扫
Curry 3O
I can do ALL things !
展开
-
Bootstrap本地的字体图标在firefox上无法正常显示
用Bootstrap的字体图标时出现了乱套，不显示，但在其他的浏览器器上正常，这个是由于firefox 3.0之后对于本地文件也进行了同源访问的安全设置。如图所示：解决办法设置firefox的 security.fileuri.strict_origin_policy具体做法1.在firefox的地址栏输入about:config2.然后搜索security.fileuri.stri...原创 2019-07-30 11:45:20 · 218 阅读 · 0 评论 -
用Bootstrap框架制作下拉列表
Bootstrap下拉菜单用于显示链接列表的可切换、有上下文的菜单。实例将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里，或者另一个声明了 position: relative;的元素。然后加入组成菜单的 HTML 代码。<div class="dropdown"> <button class="btn btn-default dropdown-toggl...原创 2019-07-31 11:31:36 · 994 阅读 · 0 评论 -
利用Bootstrap制作轮播图
轮播图轮播图，顾名思义就是指在一个模块或者说窗口，通过电脑上鼠标点击、手机上手指滑动后，可以看到多张图片。这些图片就都是轮播图，这个模块就叫做轮播模块。之前自己用jQuery代码制作了轮播图，现在来看看怎样用Bootstrap框架制作轮播图。<!DOCTYPE html><html lang="en"><head> <meta charset="...原创 2019-07-31 20:37:39 · 12883 阅读 · 3 评论 -
Bootstrap 模态框
Bootstrap 模态框（Modal）插件模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。用法1.通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle=“modal”，同时设置 data-target="#identifier" 或 href="#ide...原创 2019-08-01 11:31:00 · 254 阅读 · 0 评论 -
jQuery分页插件使用
jquery.tabulation.js插件介绍jquery.tabulation.js是一款兼容bootstrap的jQuery分页插件。该插件可将一组同级元素转换为分页或tabs，提供回调函数，实现可分页功能。一、jquery.tabulation.js插件使用方法首先是引入一些基础的资源问价，包括jquery和jquery.tabulation.js文件。<script src...原创 2019-08-09 19:53:37 · 1030 阅读 · 0 评论 -
Bootstrap中的switch开关组件
一、简介Bootstrap Switch是一款通过复选框美化实现的一款开关控件，可以给选择框设置类似于开关的样式，它是依赖于Bootstrap的一款插件。二、下载官网地址 : https://www.bootcdn.cn/bootstrap-switch/GitHub下载地址 : https://github.com/Bttstrp/bootstrap-switch三、导入<li...原创 2019-08-11 18:49:47 · 14418 阅读 · 0 评论