2024年09月04日
声明：本栏目所使用的素材都是凯哥学堂VIP学员所写，学员有权匿名，对文章有最终解释权；凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。
初识BootStrap
1.简介：BootStrap是一个自适应式的ui框架，平时开发，对于呈现给用户的界面我们既要考虑到电脑端也要考虑到移动端，这样开发的时候难免思维会混乱，而且一般这都是要求开发两套界面出来的，耗时又耗力，但是BootStrap帮我们很好的解决了这个问题，它是自适应式的，无需我们设置，它会根据用户用的是电脑还是手机自行帮我们调节界面，我们只需专心开发一套界面即可。说到底，学习BootStrap其实就是在学习使用它的CSS样式和少量的JS。
2024年09月04日
在使用vue开发项目的时候，一款好的UI组件库/插件会让开发效率大幅提升，起到事半功倍的效果。今天，就来盘点下，常用的vue+pc端UI组件库。
根据GitHub上 star 数量、文档丰富度等因素，整理了如下一些优秀的vue pc端 UI框架/组件库。文章篇幅可能有点长，耐心看完会有点点帮助的。
2024年09月04日
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常用样式</title>
<link rel="stylesheet" type="text/css"
href="bootstrap/css/bootstrap.min.css"/>
</head>
<body>
<!--
1.列表
无序列表(<ul><li>......</li></ul>)
有序列表(<ol><li>......</li></ol>)
定义列表(<dl><dt>......</dt><dd>......</dd></dl>)
2.代码
2.1 使用<code></code>来显示单行内联代码
2.2 使用<pre></pre>来显示多行代码
样式：pre-scrollable(height,max-height高度固定，为340px，超过存在滚动条)
2.3 使用<kbd></kbd>来显示用户输入代码，如快捷键
3.表格
3.1 基础样式(.table)
3.2 斑马线表格(.table-striped)
3.3 带边框的表格(.table-bordered)
3.4 鼠标悬停高亮表格(.table-hover)
3.5 紧凑型表格(.table-condensed)，单元格没内距或者内距较其它表格的内距小
-->
<!--无序 列表-->
<ul>
<li>无序列表一</li>
<li>无序列表二</li>
</ul>
<!--有序 列表-->
<ol>
<li>有序列表一</li>
<li>有序列表二</li>
</ol>
<!--定义列表-->
<dl>
<dt>HTML</dt>
<dd>超文本标记语言</dd>
<dt>CSS</dt>
<dd>层叠样式表是一种样式表语言</dd>
</dl>
<hr/>
<!--去点列表-->
<ul class="list-unstyled">
<li>无序列表一</li>
<li>无序列表二</li>
</ul>
<hr/>
<!--内联列表-->
<ul class="list-inline">
<li>后端</li>
<li>前端</li>
<li>移动开发</li>
</ul>
<hr/>
<!--自定义列表 内联列表-->
<dl class="dl-horizontal">
<dt>ls 指令</dt>
<dd>默认浏览当前目录下的文件信息</dd>
<dt>pwd 指令</dt>
<dd>查看当前所在路径 </dd>
</dl>
<hr/><br>
<!--使用<code></code>来显示单行内联代码-->
这是一行代码<br/>
<code>这是一行代码</code>
<hr/>
<!--快捷键-->
<p>使用ctrl + s 保存内容</p>
<p>使用<kbd>ctrl</kbd> + <kbd>s</kbd> 保存内容</p>
<hr/>
<!--多行代码-->
<!--代码会保留原本的格式，包括空格和回车-->
<pre>
public class Helloword{
public void main(String[] args){
System.out.println("Hello World!!!");
}
}
</pre>
<!--如果要显示Html代码，需要使用字符实体-->
<pre>
<h2>你好</h2>
</pre>
<!--当长度超过指定值，可以添加滚动条-->
<pre class="pre-scrollable">
<ol>
<li>滚动条出来......</li>
<li>滚动条出来......</li>
<li>滚动条出来......</li>
<li>滚动条出来......</li>
<li>滚动条出来......</li>
<li>滚动条出来......</li>
<li>滚动条出来......</li>
<li>滚动条出来......</li>
<li>滚动条出来......</li>
<li>滚动条出来......</li>
<li>滚动条出来......</li>
</ol>
</pre>
<hr/>
<!--表格-->
<table class="table table-bordered table-striped table-hover table-condensed">
<tr class="info">
<th>JavaSE</th>
<th>数据库</th>
<th>JavaScript</th>
</tr>
<tr class="success">
<td>面向对象</td>
<td>Oracle</td>
<td>特效</td>
</tr>
<tr class="warning">
<td>继承</td>
<td>MySQL</td>
<td>Ajax</td>
</tr>
<tr class="active">
<td>IO流</td>
<td>DB2</td>
<td>函数</td>
</tr>
</table>
</body>
</html>2024年09月04日
Bootstrap采用响应式12列的网格进行布局,非常简单易用。可以零基础几分钟搭建响应式的网格布局。这种布局包括以下几个要点：
一.网格布局构成
1.容器说明
2024年09月04日
前言：php开发者需要掌握html，css，js等常用的页面知识，但是有时候靠自己很难写出兼容性强并且漂亮简洁的页面，这时候，你需要使用这一款简洁、直观、强悍的前端开发框架-bootstrap。
先说一个开发中的趣事：当时负责后台的开发，后台有些界面只支持谷歌浏览器和火狐浏览器，并且是相应的版本之上才能使页面显示正常，功能操作正常。因为后台也需要给客户使用，这时我们做了一个临时的方案：在登录页面判断浏览器的类型和版本，不满足条件，弹出消息提示框，提示框里还要有浏览器的下载地址。
2024年09月04日
前端用表格展示出来，引入bootstrap-table，layer和jquery插件，显示内容如下：
服务器ip写在一个txt文件里,列表中的每个值都是用python的paramiko模块直接从服务器读取到的,代码节选如下：
2024年09月04日
关注"荒料" 每天为您推荐优秀的国内外模版，源代码，最新的技术。
2024年09月04日
来源：https://www.oschina.net/news/116540/bootstrap-5-0-alpha-released
Bootstrap 团队发布了 Bootstrap 5 的 Alpha 版本。Bootstrap 5 的两个重要变化是，它不再依赖 jQuery，并且不再支持 Internet Explorer。针对 5.0 版本的其他改进还包括有：新的 API、对网格系统的更改以及改进的文档等。