【Web】Bootstrap框架学习笔记之 其他资源整理

最新推荐文章于 2023-09-20 00:16:25 发布
最新推荐文章于 2023-09-20 00:16:25 发布
阅读量163 收藏 1
点赞数
分类专栏： web bootstrap 文章标签： web bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LittleFiveSmile/article/details/90600533
版权

1.Bootswatch

官网：https://bootswatch.com/

里面提供了很多免费的bootstrap主题可以直接下载css 套用

 

2.CKEditor 4

官网：https://ckeditor.com/

可在web上添加富文本编辑器

只需三步：

1.在HTML页面<head>中加入

<script src="https://cdn.ckeditor.com/4.11.4/standard/ckeditor.js"></script>

2.在需要设置的<textarea>中设置name（或者id）的名字 

<textarea name="editor1"></textarea>
<!--经测验设置id 也行-->
<!-- <textarea id="editor1"></textarea>-->

3. 在</body>之前插入

<script>
    CKEDITOR.replace( 'editor1' );
</script>

 

LittleFiveSmile
关注
专栏目录
【Web】Bootstrap框架学习笔记之 modal模态框在ios苹果手机上失灵（ Debug 日记）
LittleFiveSmile的博客
08-16 930
在浏览器点最下面的delete按钮会弹出弹框，但是在苹果手机上失灵了 我原本是这样写的 <div class="btn btn-danger" data-toggle="modal" data-target="#delete" > Delete </div> <div class="modal fade" id="delete" tabindex="-...
Python学习笔记：5.3.4 bootstrap框架
元文的博客
02-10 2004
本文主要讲解了bootstrap框架简介、响应式设计、bootstrap响应式布局、bootstrap组件等相关内容。
【前端框架】BootStrap框架学习笔记
m0_68711597的博客
08-20 245
哈喽各位 小伙伴 在我学习了简单前端知识（html css js php）之后，发现需要学习框架，因为简单基础知识只能使我们搭建一般的静态网页 ，却发现页面没法实现自动适应屏幕大小，移动端布局很乱。这时候就需要学习bootstrap了！
Bootstrap 框架学习笔记（基础）
最新发布
2301_76632538的博客
09-20 207
来自于 Twitter，基于 HTML、CSS、JavaScript。有关网站：Bootstrap中文网Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为5.0。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。
【Web】Bootstrap框架学习笔记之 Bootstrap 3 和 Bootsrap4的区别
LittleFiveSmile的博客
06-23 1156
很多新手都纠结过学Bootstrap 3还是 4 好，我也是一个正在学习的小白，要学就要学最新的嘛，所以就选择了4的版本 查了很多教程说它使用了remCSS 单位，是由 Flexbox Grid 写成的之类的，咱一小白也看不懂这些，只会直接套用一些class啥的，在使用的时候发现有的class名字使用的不一样或者已经废除了，所以这篇文章只是用来记录我在使用Bootstrap 4时 发现的一些...
bootstrap框架学习笔记
qq_41796383的博客
05-23 186
bootstrap框架学习笔记1、Bootstrap简介2、基本使用3、容器4、设备划分5、栅格系统6、展示与隐藏7、其他类前缀8、组件直接参考开发文档 1、Bootstrap简介 Bootstrap 来自 Twitter（推特），是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS 和 JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 文档：https://bootstrap.css88.com/ 2、基本使用 - 创建文件夹结构（bootstrap文件夹） - 创建h
Web前端—— Bootstrap 前端框架学习笔记
Lemon
07-14 596
一、概述 Bootstrap 是基于 HTML、CSS、JavaScript 的简单灵活的 Web 前端开发框架 好处：定义了很多 CSS 样式和 JS 插件，使用这些插件可以得到丰富的页面效果 响应式布局：同一套页面可以兼容不同分辨率的设备 ...
【Web】Bootstrap框架学习笔记之 图片不能根据网格布局自适应（ Debug 日记）
LittleFiveSmile的博客
06-20 485
原代码 <div class="row"> <div class="col-md-3"> <img src=""> </div> </div> 问题：图片不能根据网格布局自适应时怎么办？ 方法一：修改img css img { width: 100%; } 此方法一次就能改所有img 方法二：给img...
Bootstrap学习笔记
GrandpaStore的博客
02-16 471
1. 概念 是一个前端开发的框架 Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 定义了很多css样式和js插件。开发人员可以直接使用这些样式和插件，得到丰富的页面效果 框架：一个半成品软件，开发人员可以在框架的基础上，进行开发，简化代码。 响应式布局：同一套页面可以兼容不同分辨率的设备 2. 标准模板 <!doctype html> <html lang="zh-CN"> <head>
bootstrap学习笔记
06-17
作者的这份学习笔记还提到了如何利用CDN服务来加载Bootstrap资源，以及如何通过官方文档来深入学习Bootstrap的高级特性和最佳实践。通过这份笔记，开发者可以快速掌握Bootstrap框架的核心概念，以及如何将其运用到...
Bootstrap3学习笔记(三)之表格
09-02
Bootstrap3是世界上最流行的前端开发框架之一，用于快速构建响应式、移动优先的Web应用。在Bootstrap3中，表格（Table）是数据展示的重要组件。本篇笔记将详细讲解如何使用Bootstrap3来创建和定制表格。 首先，使用...
OpenStreetMap + Leaflet 当前位置定位
LittleFiveSmile的博客
08-15 4582
想用Leaflet在OpenStreetMap上面使用位置定位 我使用了leaflet-locatecontrol插件 实现效果 github 地址：https://github.com/domoritz/leaflet-locatecontrol Html <head>里面： <!-- 添加Leaflet的CSS --> <link rel="sty...
OpenStreetMap + Leaflet 搜索邮编/经纬度/地址 标记地图
LittleFiveSmile的博客
09-25 1395
必须写一篇纪念一下我呕心沥血的几小时。 之前用leaflet-control-geocoder实现了一个 这次我用leaflet-opencage-search 通过搜索，它会直接在地图上加一个蓝色Marker 使用方法如下： 首先在html的<head>里面添加： <!-- leaflet--> <script src="https://un...
【web】CodeIgniter框架学习笔记 之 row_array()和result_array()的区别（Debug日记）
LittleFiveSmile的博客
06-21 1373
row_array()和result_array()的区别 1.print_r($query -> row_array()); 返回的是查询结果中的第一条数据 返回的是一位数组如下： Array ( [id] => 1 [post_id] => 25 [name] => Traveler ...
Centos7 安装配置Apache+PHP+Mysql+phpmyadmin+网站部署
LittleFiveSmile的博客
08-10 886
我买的服务器系统是CentOS 7 x64 Window 连接服务器我下了putty.exe 连接成功后就可以开始一个个配置啦 第一步：安装Apache yum install httpd 启动Apache systemctl start httpd 将 http 服务添加到firewalld才能允许外部访问 firewall-cmd --add-service=http ...
Echarts图表无法实现自适应（debug日记）
LittleFiveSmile的博客
08-16 823
用jque'r'y resize插件 github下载地址https://github.com/cowboy/jquery-resize html <div id="data_container" class="col-12 col-sm-12 col-md-12 col-lg-12"> <div> id="container" style="w...
【Web】CodeIgniter框架学习笔记（二）表单验证 validation 用法
LittleFiveSmile的博客
06-23 552
表单验证 validation 用法 首先要在 config/autoload.php添加这一句 $autoload['libraries'] = array('form_validation','session'); 在 controller里验证规则 $this->form_validation->set_rules('email', 'email', 'requi...
【web】CodeIgniter框架学习笔记 之 使用ajax连接数据库实现Echarts动态数据可视化
LittleFiveSmile的博客
07-01 539
我要做一个图表能显示近一个月（30天内）的头盔检测通过率，结果是Pass 或者Fail 使用Echarts 的图标显示数据并且能根据数据库的改变而改变图标 第一步：写好静态的Echart页面代码 Echarts静态的代码如下 需要echarts.min.js <body style="height: 100%; margin: 0"> <div id...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值