随笔分类 -  Bootstrap

1 2 下一页
Python Flask 构建微电影视频网站
摘要：Github：https://github.com/lgsp-Leslie/flask_movie Python：3.9 Mysql：8.0.17 Flask==1.1.2 flask-redis==0.4.0 Flask-SQLAlchemy==2.5.1 Flask-WTF==0.14.3 my 阅读全文
posted @ 2021-05-21 18:17 嘆世殘者——華帥 阅读(430) 评论(0) 推荐(0)
Flask实战开发在线问答系统
摘要：GitHub：https://github.com/lgsp-Leslie/qa_flaskProject Python：3.9 Flask：1.1.2 Mysql：8.0.17 Flask-Login：0.5.0 Flask-CKEditor：0.4.6 Flask-WTF：0.14.3 SQLA 阅读全文
posted @ 2021-05-01 13:00 嘆世殘者——華帥 阅读(316) 评论(3) 推荐(0)
基于bootstrap点击图片放大插件
摘要：<!DOCTYPE html> <html> <head> <title></title> <!-- Introducing the bootstrap style css file--> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css 阅读全文
posted @ 2020-05-27 10:10 嘆世殘者——華帥 阅读(4608) 评论(2) 推荐(0)
bootstrap 鼠标经过导航下拉
摘要：打开bootstrap.min.js 在最后追加一段js $(document).ready(function() { dropdownOpen(); }); function dropdownOpen() { var $dropdownLi = $('li.dropdown'); $dropdow 阅读全文
posted @ 2020-05-26 15:38 嘆世殘者——華帥 阅读(171) 评论(0) 推荐(0)
html引用公共的头部和尾部（多个html文件共用一个header.html和footer.html）、导航跳转页面改变导航样式
摘要：将header部分和footer部分提取出来，各保存为header.html和footer.html。 header.html（P.S.1：此次有导航跳转页面改变导航样式） footer.html 其他html引入头部尾部，如： index.html 阅读全文
posted @ 2019-09-18 10:40 嘆世殘者——華帥 阅读(2409) 评论(0) 推荐(0)
Bootstrap响应式导航平板状态下折叠
摘要：方法1： 下载源码： https://v3.bootcss.com/getting-started/#download-source 修改以下内容： *\bootstrap-3.3.7\dist\css\bootstrap.css *\bootstrap-3.3.7\less\variables.l 阅读全文
posted @ 2019-07-17 15:59 嘆世殘者——華帥 阅读(373) 评论(0) 推荐(0)
点击输入框，标题上移
摘要：效果 阅读全文
posted @ 2019-04-25 16:40 嘆世殘者——華帥 阅读(353) 评论(0) 推荐(0)
关于使用summernote编辑器提示内容无法汉化临时解决办法
摘要：原因：使用汉化summernote-zh-CN.js文件无法汉化 解决方法： 打开summernote.js 找到$.extend($.summernote.lang 将$.extend($.summernote.lang这段整段替换 效果： 阅读全文
posted @ 2017-07-24 09:56 嘆世殘者——華帥 阅读(1347) 评论(0) 推荐(0)
解决bootstrap多模态框跳转时页面左移问题
摘要：衍生问题暂未发现.... 忽略左右跳动视觉差 解决方法： 在bootstrap的js搜索padding-right，然后找到“+this.scrollbarWidth”，删掉即可。 阅读全文
posted @ 2017-07-17 11:57 嘆世殘者——華帥 阅读(565) 评论(0) 推荐(0)
bootstrap的模拟单选按钮
摘要：bootstrap,模拟单选按钮 阅读全文
posted @ 2017-06-06 11:58 嘆世殘者——華帥 阅读(408) 评论(0) 推荐(0)
bootstrap 列表--水平定义列表
摘要：水平定义列表就像内联列表一样，Bootstrap可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。 只有屏幕大于768px的时候，添加类名“.dl-horizontal”才具有水平定义列表效果。其实现主要方式：1、将dt设置了一个左浮动，并且设置了一个宽度为160px 阅读全文
posted @ 2016-04-09 13:47 嘆世殘者——華帥 阅读(530) 评论(0) 推荐(0)
bootstrap 文本对齐风格
摘要：Bootstrap通过定义四个类名来控制文本的对齐风格： ☑ .text-left：左对齐 ☑ .text-center：居中对齐 ☑ .text-right：右对齐 ☑ .text-justify：两端对齐 P.S.：目前两端对齐在各浏览器下解析各有不同，特别是应用于中文文本的时候。所以项目中慎用 阅读全文
posted @ 2016-04-09 11:10 嘆世殘者——華帥 阅读(284) 评论(0) 推荐(0)
bootstrap 强调相关的类
摘要：.text-muted：提示，使用浅灰色（#999） .text-primary：主要，使用蓝色（#428bca） .text-success：成功，使用浅绿色(#3c763d) .text-info：通知信息，使用浅蓝色（#31708f） .text-warning：警告，使用黄色（#8a6d3b 阅读全文
posted @ 2016-04-09 11:05 嘆世殘者——華帥 阅读(139) 评论(0) 推荐(0)
基于bootstrap的基本模板
摘要：Bootstrap的HTML标准模板 Hello, world! ... 阅读全文
posted @ 2016-04-09 10:20 嘆世殘者——華帥 阅读(216) 评论(0) 推荐(0)
bootstrap导航
摘要：HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge"><!-- 开启IE8渲染模式 --> <meta n 阅读全文
posted @ 2016-03-12 19:22 嘆世殘者——華帥 阅读(203) 评论(0) 推荐(0)
bootstrap——辅助类和响应式工具类
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>辅助类和响应式工具类</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.mi 阅读全文
posted @ 2016-03-08 14:23 嘆世殘者——華帥 阅读(268) 评论(0) 推荐(0)
bootstrap之栅格系统
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>栅格系统</title> <!-- 移动设备优先 --> <meta name="viewport" content="width=device-width,i 阅读全文
posted @ 2016-03-08 12:12 嘆世殘者——華帥 阅读(314) 评论(0) 推荐(0)
JavaScript简易计算器
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS计算器</title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3. 阅读全文
posted @ 2016-03-05 21:18 嘆世殘者——華帥 阅读(258) 评论(0) 推荐(0)
bootstrap之表单和图片
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单和图片</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css 阅读全文
posted @ 2016-03-05 00:19 嘆世殘者——華帥 阅读(413) 评论(0) 推荐(0)
bootstrap之排版样式
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>排版样式</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" 阅读全文
posted @ 2016-03-04 15:54 嘆世殘者——華帥 阅读(226) 评论(0) 推荐(0)

1 2 下一页