bootstrap
文章平均质量分 76
记录bootstrap学习笔记
王小希ww
翻万卷书,游万里路;
学会提问,系统深入;
思考方式远比记住结论重要;
技术是帮人省时间,而不是浪费别人的时间;
胆大心细,脸皮要厚;
礼仪是让别人方便,不是让自己方便;
心态若改变,态度跟着改变;
态度改变,习惯跟着改变;
习惯改变,性格跟着改变;
性格改变,人生就跟着改变;
未来目标:学会爱自己(健身,早睡早起好习惯),学会生活(保持激情,学会精力管理),学会提升自己(抓住能够锻炼自己的一切机会,坚持看书)
展开
-
CSS 之 Flex布局
CSS 之 Flex布局文章目录CSS 之 Flex布局1、Flex布局 vs 网格布局 (1D vs 2D)2、Flex属性1)flex-direction属性 & 排列方向2)flex控制横纵轴 & 排列顺序(单/双项目)a)理解justify-content & align-itemsb)理解justify-content :space-betweenc)for循环排列卡片3、Flex响应式布局1、Flex布局 vs 网格布局 (1D vs 2D)个人理解:Flex是一维原创 2022-01-06 21:41:45 · 32499 阅读 · 1 评论 -
Bootstrap为模态框添加滚动条
Bootstrap为模态框添加滚动条转载至bootstrap模态框加滚动条的方法<style type="text/css"> .modal-dialog { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .modal-content { /*overflow-y: scroll; */转载 2021-09-05 01:15:32 · 1650 阅读 · 0 评论 -
bootstrap用jquery控制模态框
bootstrap用jquery控制模态框转载至bootstrap js控制模态框,这样就能根据逻辑条件控制modal框的打开了。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap 实例 - 模态框(Modal)插件</title> <link rel="stylesheet" href="http://cdn.st转载 2021-09-04 22:46:45 · 1297 阅读 · 0 评论 -
bootstrap-datetimepicker时间控件
bootstrap-datetimepicker时间控件使用layui的laydate时间控件无法很好地嵌入到bootstap布局中(具体参考日期和时间组件文档 - layui.laydate),因此使用bootstrap-datetimepicker, 这里一定要注意导包的顺序。转载至bootstrap时间控件–时间选择器,具体请看该blog<!DOCTYPE html><html lang="en"><head> <meta charset="转载 2021-09-04 22:03:40 · 1293 阅读 · 0 评论 -
unpkg.com 前端源 太卡 ,试试国内cdn 吧
开发是用到了前端框架(bootstrap,vue) cdn 导致网页速度加载过慢unpkg.com查询最终发下了一个国内的cdn 镜像,惊喜!!!!!!!!把 unpkg.com 替换成unpkg.zhimg.com速度刺不刺激 ,惊不惊喜...转载 2020-03-27 23:23:31 · 6094 阅读 · 0 评论 -
Bootstrap排版问题
Bootstrap排版问题文章目录Bootstrap排版问题一、栅格参数二、如何实现排版三、嵌套列1、代码2、效果3、总结四、实际中遇到的问题1、排版“失效”Ⅰ、代码Ⅱ、效果Ⅲ、疑问2、如何修改Ⅰ、找参照物Ⅱ、效果Ⅲ、原因Ⅳ、修改3、总结详见Bootstrap官方文档一、栅格参数通过下表可以详细查看 Bootstrap 的栅格系统是如何在多种屏幕设备上工作的。超小屏幕 手机 (...原创 2020-03-25 12:07:47 · 250 阅读 · 0 评论 -
Bootstrap显示下拉框和模态框
Bootstrap显示下拉框和模态框一、Demo描述 医生可以通过下拉框,给学生问题添加标签。若标签不存在,则可以自己创建标签。创建成功后,会自动刷新页面。二、Bootstrap显示下拉框1、如何使用Ⅰ、设置按钮组<div class="btn-group"> <button type="button" class="btn btn-neutral dropdo...原创 2020-03-22 22:25:06 · 1575 阅读 · 0 评论