bootstrap 取消_学习写个网站(5)Bootstrap学习2

吃了2天烧烤夜宵，还是得讲点自律。

【正文】

继续bootstrap，还是菜鸟教程。

11. 分页

就是

c98f735de2c6b64edeb91b8882676848.png

还有种就是翻页，

0fc878101cb32e17397c5448dcc2224c.png

12. 标签

b56500fa25ad9d8e5b0f3a23aa6eaae3.png

class="label label-default">默认标签</span>

9591e8cf6e3f6dfc9f76cba41db1f7bc.png

label-primary

326813df92624418d39b9facc943283c.png

label-success

13. 警告

就是那种可以取消的消息，颜色配置还是Bootstrap的默认设置。

class="alert alert-success alert-dismissable"> <button type="button" class="close" data-dismiss="alert"aria-hidden="true">             ×     button>     成功！很好地完成了提交。</div>

b4ff0cadb779446a7ee62d86853ae7dc.png

14. 列表

有两种列表，第一种就是普通的无序列表。

就行，或者">

另一种是列表组，

class=    class=

04af4dcd479100ea5d5bcd33cb9ca19b.png

15. 面板

就是如下，就是

class="panel panel-primary">
class="panel-heading">

class

="panel-title">面板标题
class="panel-body"> 这是一个基本的面板

62dbab5cf222c7ca0e17afda76b3ec43.png

可以设置成折叠collapse。就是那种点下标题，下面就弹出来正文。

16. 导航栏

感觉可能用到就是这个表单导航栏

95fd2198fc866a1086a68043f1d7f420.png

Bootstrap给可能出现的元素，都设置了格式navbar-*

navbar-head

标题栏

0865a46efb481bc75c799011a65274ac.png

navbar-brand

不知道啥

4dc08891738f0f24f8ab907283345392.png

navbar-form

表单

c73135d0bae9b692709deb13aa7a7d78.png

navbar-button

按钮

95fa1340c04d7f52dc8dd87b202edca4.png

navbar-text

文本

286af638378bc8f1b078f6ec2fc4a37f.png

navbar-nav

列表

dd821cb25b4df4e9878e0d835f165662.png

responsive的，就是窗口很小时，会变成竖着堆叠

【结尾】

Bootstrap一时半会还弄不完。有点想页面上 弄个时间线。找时间研究下。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/551177.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

jdbc mysql user_tab_comments_MySQL学习(五)——使用JDBC完成用户表CRUD的操作

jdbc mysql user_tab_comments_MySQL学习(五)——使用JDBC完成用户表CRUD的操作

通过案例我们发现“获得连接”和“释放资源”两次代码将在之后的增删改查所有功能中都存在&#xff0c;开发中遇到此种情况&#xff0c;将采用工具类的方法进行抽取&#xff0c;从而达到代码的重复利用。1、使用properties配置文件开发中获得连接的4个参数(驱动、URL、用户名、…
阅读更多...
mysql系统属性_mysql 显示表字段及mysql系统信息

mysql系统属性_mysql 显示表字段及mysql系统信息

SHOW DATABASES //列出 MySQL Server 数据库。SHOW TABLES [FROM db_name] //列出数据库数据表。SHOW TABLE STATUS [FROM db_name] //列出数据表及表状态信息。SHOW COLUMNS FROM tbl_name [FROM db_name] …
阅读更多...
mysql中try的意思_java中try是什么意思

mysql中try的意思_java中try是什么意思

try是Java中的关键字&#xff0c;主要用于异常处理机制&#xff0c;那么它有什么作用呢&#xff1f;try – 用于监听。将要被监听的代码(可能抛出异常的代码)放在try语句块之内&#xff0c;当try语句块内发生异常时&#xff0c;异常就被抛出。它一般与catch..finally组合使用块…
阅读更多...
如何在命令中授权给MySQL_MySQL如何使用授权命令grant

如何在命令中授权给MySQL_MySQL如何使用授权命令grant

本文实例&#xff0c;运行于 MySQL 5.0 及以上版本。MySQL 赋予用户权限命令的简单格式可概括为&#xff1a;grant 权限 on 数据库对象 to 用户一、grant 普通数据用户&#xff0c;查询、插入、更新、删除 数据库中所有表数据的权利。grant select on testdb.* to common_user%…
阅读更多...
linux用java连接mysql_Java使用JDBC方式连接数据库

linux用java连接mysql_Java使用JDBC方式连接数据库

开发一个JDBC应用程序&#xff0c;基本需要以下几个步骤&#xff1a;1.把JDBC驱动类装载入Java虚拟机中。使用java.lang.Class类的静态方法forName(String className)实现。例&#xff1a; Class.forName("JDBC驱动类名称")2.加载驱动&#xff0c;并与数据库建立连接…
阅读更多...
mysql 字段钳口可加引号_根据处理对象划分，计算机可以分为模拟计算机、（

mysql 字段钳口可加引号_根据处理对象划分，计算机可以分为模拟计算机、（

【判断题】( )3.保证数控机床各运动部件间的良好润滑就能提高机床寿命。【单选题】在储位编码中,把一些相关性货品经过集合以后,区分成几个品项群,再对其进行编码的方法是( )。【填空题】在数据库技术中,DBMS是 ,DB是指() 、DBS是指数据库系统。【单选题】25. 为保证下刀的安全…
阅读更多...
mysql存储过程游标移动_mysql动态游标与mysql存储过程游标(示例)

mysql存储过程游标移动_mysql动态游标与mysql存储过程游标(示例)

-- 建立测试表和数据create table webuser (username varchar(10));insert into webuser values (a1),(a2),(a3),(b1),(b2),(b3);commit;-- 建立存储过程drop procedure if exists dynamic_cursor;delimiter // www.jbxue.comCREATE PROCEDURE dynamic_cursor (IN p_name varch…
阅读更多...
python ftplib bufsize_python:ftplib模块

python ftplib bufsize_python:ftplib模块

from ftplib import FTP #加载ftp模块ftpFTP() #设置变量ftp.set_debuglevel(2) #打开调试级别2&#xff0c;显示详细信息ftp.set_pasv(0) #0主动模式 1 #被动模式ftp.connect("IP","port") #连接的ftp s…
阅读更多...
python程序设计实验教程_Python程序设计实验教程

python程序设计实验教程_Python程序设计实验教程

第1章 主教材各章节概要1.1 Python概述概要1.1.1 Python简介1.1.2 Python开发环境1.1.3 Python程序示例1.2 Python基础知识概要1.2.1 程序的书写规范1.2.2 标识符和关键字1.2.3 Python的数值类型、常量与变量1.2.4 Python的字符串类型1.2.5 数据类型判断和数据类型间转换1.2.6 …
阅读更多...
java获取年的第一天和最后一天_java中如何获取当前年份的第一天和最后一天

java获取年的第一天和最后一天_java中如何获取当前年份的第一天和最后一天

packagecom.dada.test;importjava.text.SimpleDateFormat;importjava.util.Calendar;importjava.util.Date;public classDateUtil {/*** 默认日期格式*/public static String DEFAULT_FORMAT "yyyy-MM-dd";/*** 测试主方法*paramargs*/public static voidmain(Strin…
阅读更多...
sqlserver java odbc_Java JDBC------------------ODBC(SQLServer)链接

sqlserver java odbc_Java JDBC------------------ODBC(SQLServer)链接

Java JDBC------------------ODBC(SQLServer)链接JDBC是Java提供的连接数据库的一套标准API&#xff0c;是在传统的JDBC-ODBC桥发展起来的。今天我将写出如何用JDBC配置数据源(ODBC)链接SQL Server 数据库。1、配置数据源【开始】->【控制面板】->【管理工具】->【数据…
阅读更多...
java web gradle_gradle学习之旅(四) 使用gradle构建简单的java web项目

java web gradle_gradle学习之旅(四) 使用gradle构建简单的java web项目

本节通过一个简单的javaweb项目来体会gradle的使用需求构建一个javaweb项目&#xff0c;搭建jspservlet开发环境可以将需求分解为两步&#xff1a;使用gradle构建一个java项目为该项目构建web视图层工具gradle4.3ideajdk 1.8实验过程首先在idea中创建一个空的gradle项目创建如下…
阅读更多...
java 整数 引用传递_关于Java引用传递的一个困惑？

java 整数 引用传递_关于Java引用传递的一个困惑？

Java的引用(包括基本类型&#xff0c;对象引用类型)在声明、方法调用等时候都会产生新的引用&#xff0c;复制等号右侧的引用。分为下面3种情况&#xff1a;基本类型代表的值存储在引用里面&#xff0c;引用中专门有个区域存储这个值&#xff0c;所以在复制的时候&#xff0c;值…
阅读更多...
java 调用foxmail_java邮件收发功能实现代码

java 调用foxmail_java邮件收发功能实现代码

本文实例为大家分享了邮件收发功能的具体实现代码&#xff0c;供大家参考&#xff0c;具体内容如下准备工作, 环境搭建&#xff1a;1. 本地搭建一个邮件服务器 易邮服务器&#xff0c;eyoumailserversetup.exe2. 新建邮箱账号 张三给李四发邮件。步骤1&#xff1a; 新建域…
阅读更多...
java fastjson 泛型_解决fastjson泛型转换报错的解决方法

java fastjson 泛型_解决fastjson泛型转换报错的解决方法

错误信息Exception in thread "main" java.lang.ClassCastException: com.alibaba.fastjson.JSONObject cannot be cast to com.xh.demo.UserDO泛性类Datapublic class ResultSetDTO {private Integer totalSize;private Integer count;private List records;}实体类…
阅读更多...
通达OA header身份认证绕过漏洞复现

通达OA header身份认证绕过漏洞复现

通达OA是中国通达公司的一套协同办公自动化软件&#xff0c;通达OA2013&#xff0c;通达OA2016&#xff0c;通达OA2017 存在身份认证绕过漏洞&#xff0c;攻击者可以利用漏洞生成cookie&#xff0c;实现未授权访问。 1.漏洞级别 高危 2.漏洞搜索 fofa title"office An…
阅读更多...
leetcode mysql 排名_Leetcode178.分数排名（中等）

leetcode mysql 排名_Leetcode178.分数排名（中等）

题目编写一个 SQL 查询来实现分数排名。如果两个分数相同&#xff0c;则两个分数排名(Rank)相同。请注意&#xff0c;平分后的下一个名次应该是下一个连续的整数值。换句话说&#xff0c;名次之间不应该有“间隔”。-----------| Id | Score |-----------| 1 | 3.50 || 2 | 3.6…
阅读更多...
原子变量 java_Java原子变量详解

原子变量 java_Java原子变量详解

实现全局自增id最简单有效的方式是什么&#xff1f; java.util.concurrent.atomic 包定义了一些常见类型的原子变量。这些原子变量为我们提供了一种操作单一变量无锁( lock-free )的线程安全( thread-safe )方式。实际上该包下面的类为我们提供了类似 volatile 变量的特性&…
阅读更多...
java post 中文乱码问题_java post中文乱码问题

java post 中文乱码问题_java post中文乱码问题

java post中文乱码问题function addcategory() {if (document.myform.category.value "") {alert("商品分类不能为空");return;}//var categorydocument.getElementById("category").value;var c document.myform.category.value;alert(c);wit…
阅读更多...
mysql连接数详解_MySQl 修改最大连接数详解

mysql连接数详解_MySQl 修改最大连接数详解

今天使用ide连接线下MySQL报错Can not connect to MySQL server. Too many connections&#xff0c;报错很明确&#xff0c;与MySQL的连接数满了。想想也是&#xff0c;每起一个服务都会创建MySQL连接池&#xff0c;占用不少的长连接。用ide查看了一下&#xff0c;原来最大连接…
阅读更多...
最新文章

Copyright @ 2022~2023