今天在学习bootstrap,记下点笔记。 准备工作; 下载bootstrap 和jquery两个文件,百度之 新建html5文档; 在<head></head>标签之间连接”boot…
分类:bootstrap
bootstrap框架中data-xxx 的属性
这个是自定义属性。自己写的,通过js代码执行对应的操作。也就可以实现相应的插件效果。
bootstrap - navbar
navbar被称为导航条,一般放到站点的页面头部,用来导航网站。如下展示了一个比较简单的导航条,其中仅有一个用来放置Logo或者站点名称的navbar-brand ,以及两个导航链接: <nav class="na…
Bootstrap Mega Menu
完整的代码放在 jsFiddle Bootstrap Mega Menu 。 我们管 Mega Menu 叫做“大菜单”吧,“巨”、“超级”啥的,不足以彰显我们的草根贵气。 有道词典: Mega Menu: 大数据量网页…
Bootstrap学习笔记(一)
近来在学习和整理Bootstrap的知识点,在阅读的过程中,遇到了一些翻译不太到位的地方,随后在网上搜索的结果中基本都是照搬原样的内容,所以就找来原文,自己试着翻译了一下,希望能给同样感到困扰的同学一些帮助。 位置:栅格…
datatables增加跳转指定页功能, datatable自定义分页
DataTable使用方便,快捷。但有时候用户需求对分页有需求,例如输入页数进行分页跳转。这样就需要扩展功能了,datatable也支持自定义扩展,下面以使用DataTable bootstrap分页为例 1. 初始化D…
bootstrap - 弹出层
弹出层包括模态对话框、提示条、popover、alert。它们都可以用来提示或者警告用户,或者显示详细信息。 模态对话框 模态对话框就是一个对话框,它在继续下一步工作前来提示重要信息给用户,并可能会要求用户做出不同操作的…
bootstrap modal使用
<div> <button id="btn-review" data-target="#reviewModal" data-toggle="modal">Create your own revie…
bootstrap4常用样式整理
背景 最近在做一些小的学习项目时,多次用到了bootstrap4,所以在这里将bootstrap进行整理,用来以后查看。 bootstrap4安装 <link rel="stylesheet" href="http…
bootstrap-table:列的显示与隐藏以及动态加载列(自定义加载表头)
var head_data = [] // 初始化表格 getColumns() function getColumns() { // 加载动态表格 $.ajax({ url: "json/head.json", typ…
简述container与container-fluid的区别
在bootstrap中的布局容器一栏中,提供了container与container-fluid两种容器,其官方解释为: .container 类用于固定宽度并支持响应式布局的容器。 .container-fluid 类…
bootstrap常用样式整理
栅栏模式 container 把页面切换成12格 xs sm md 分别用于 手机 平板 pc文字效果 <u>下划线</u> <del>删除</del> <s>…