随笔分类 - BootStrap Ui
摘要：首先，小编要告诉大家一个残酷的现实，那就是layui对按钮没有提供点击事件的支持… 这里的点击事件是指单纯的点击事件，而不是提交事件，或者是数据表格中内嵌的button，对于这两者，layui是有lay-submit和lay-event这个属性进行支持的，所以这里只能使用最原始的js和jq进行监听点
阅读全文
摘要：npm i https://github.com/iconic/open-iconic.git -D 因为boostrap的css里删除了图标 分开了 我们在引入个呵呵。 下载：npm i bootstrap@4.1.3 -D由于4.x版本icon文件分离出去所以还需要下载open-iconic：
阅读全文
摘要：前言：在bootstrap4出现之后修改了bootstrap3的不方便之处,让使用框架的前端开发者更加便捷.。(bootstrap下文中简称为bs) 一.栅格系统 相对于原来的bs3，bs4具有了范围更大的适应区间.在过去的bs3中的xs sm md lg 中,bs4又增加了一个xl这个区间，为超大
阅读全文
摘要：<style> @media only screen and (min-width:1024px ) { #box{ display: flex; flex-direction: row; flex-wrap: wrap; } .inner{ width: 100px; height: 100px;
阅读全文
摘要：常用网站：icons/Font awesome/bookstrap 控制图标的大小使用 fa-lg (33%递增)、fa-2x、 fa-3x、fa-4x，或者 fa-5x 类 来放大图标。旋转动画 <i class="fa fa-spinner fa-spin"></i> <i class="fa
阅读全文
摘要：格栅参数分为超小屏幕 手机 (<768px) 小屏幕 平板 (≥768px) 中等屏幕 桌面显示器 (≥992px) 大屏幕 大桌面显示器 (≥1200px) 栅格系统行为 总是水平排列 开始是堆叠在一起的，当大于这些阈值时将变为水平排列C .container 最大宽度 None （自动） 750
阅读全文
摘要：启用插件通过data-api$(function () { $('[data-toggle="tooltip"]').tooltip() })<button type="button" class="btn btn-default" data-toggle="tooltip" data-placem
阅读全文
摘要：模态框：<div class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-head
阅读全文
摘要：<div> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab
阅读全文
摘要：<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's ve
阅读全文
摘要：<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role=
阅读全文
摘要：巨幕<div class="jumbotron"> <div class="container"> ... </div></div>页头 <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div
阅读全文
摘要：<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="
阅读全文
摘要：<body data-spy="scroll" data-target="#d" data-offset="50" > <nav class="navbar navbar-inverse navbar-fixed-top" id="d"> <div class="container"> <div c
阅读全文
