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中try的意思_java中try是什么意思

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

try是Java中的关键字&#xff0c;主要用于异常处理机制&#xff0c;那么它有什么作用呢&#xff1f;try – 用于监听。将要被监听的代码(可能抛出异常的代码)放在try语句块之内&#xff0c;当try语句块内发生异常时&#xff0c;异常就被抛出。它一般与catch..finally组合使用块…
阅读更多...
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;并与数据库建立连接…
阅读更多...
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 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 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…
阅读更多...
java struct工作原理_Struts2的工作原理（图解）详解

java struct工作原理_Struts2的工作原理（图解）详解

Struts2的工作原理上图来源于Struts2官方站点&#xff0c;是Struts 2 的整体结构。一个请求在Struts2框架中的处理大概分为以下几个步骤(可查看源码&#xff1a;https://github.com/apache/struts):1 客户端初始化一个指向Servlet容器(例如Tomcat)的请求2 这个请求经过一系列的…
阅读更多...
java 旅行家的预算_洛谷 P1016 旅行家的预算 Java解法

java 旅行家的预算_洛谷 P1016 旅行家的预算 Java解法

洛谷 P1016 旅行家的预算 Java解法洛谷 P1016 旅行家的预算 Java解法package com.two;import java.util.Scanner;public class Main {public static void main(String[] args) {Scanner sc new Scanner(System.in);double D1 sc.nextDouble();// 两个城市之间的距离double C …
阅读更多...
java语言执行过程_Java程序的运行过程（执行流程）分析

java语言执行过程_Java程序的运行过程（执行流程）分析

万事知其然&#xff0c;要知其所以然&#xff0c;所以本节带大家来详细了解一下 Java 程序的执行过程。从《使用记事本编写运行Java程序》一节的案例可以看出&#xff0c;Java 程序的运行必须经过编写、编译和运行 3 个步骤。编写&#xff1a;是指在 Java 开发环境中进行程序代…
阅读更多...
php搭建云服务器,云服务器上如何搭建php环境

php搭建云服务器,云服务器上如何搭建php环境

1) 安装libtool和libtool-ltdl[rootlocalhost mysql]# yum -y install "libtool*"[rootlocalhost mysql]# yum -y install "libtool-ltdl*"2) 手工修改gd库文件PHP 5.4 也有一些 Bug&#xff0c;在检测 gd 库时会报错&#xff0c;需要我们手工修改。命令如…
阅读更多...
php实现文本替换,php 如何实现文字替换

php实现文本替换,php 如何实现文字替换

php实现文字替换的方法&#xff1a;首先创建一个PHP示例文件&#xff1b;然后输入代码“str_replace("iwind", "kiki", "i love iwind, iwind said");”&#xff1b;最后输出执行结果即可。在php替换字符效率最高也是最简单字符替换函数str_repl…
阅读更多...
php 删除指定html标签,php删除html标签的三种解决办法

php 删除指定html标签,php删除html标签的三种解决办法

分享下PHP删除HTMl标签的三种方法。方法1&#xff1a;直接取出想要取出的标记function strip($str){$strstr_replace("","",$str);//$strhtmlspecialchars($str);return strip_tags($str);}//edit by www.jbxue.com?>方法2.PHP 中有个 strip_tags 函数…
阅读更多...
达内php第三次月考,达内第三次月考

达内php第三次月考,达内第三次月考

1. 下列不属于浏览器内置的对象的是&#xff1a;()A. navigatorB. documentC. windowD. request正确答案&#xff1a;D2. Servlet 可以存储数据的三个不同的作用域是()。A. 请求、会话和上下文B. 响应、会话和上下文C. 请求、响应和会话D. 请求、响应和上下文正确答案&#xff…
阅读更多...
java win10 通知,如何使用Java AWT创建和显示Windows 10通知

java win10 通知,如何使用Java AWT创建和显示Windows 10通知

在Java中, 如何生成不同类型的通知或警报非常令人困惑。一些开发人员更喜欢使用JOptionPane, 但是当你在固定环境中工作时(例如在Windows 10中), 使用Windows的默认通知样式非常好, 因此这就是为什么我们向你展示一个简短的摘要来显示Java AWT轻松实现Windows 10通知。以下代码…
阅读更多...
matlab枚举类型,在 Simulink 模型中使用枚举数据

matlab枚举类型,在 Simulink 模型中使用枚举数据

计算中的枚举值按照设计&#xff0c;Simulink 不允许在数学计算中将枚举值作为数值使用&#xff0c;即使枚举类是 MATLAB int32 类的子类也是如此。因此&#xff0c;尽管枚举类型存在基础整数&#xff0c;也不能作为数值类型使用。例如&#xff0c;您不能直接为 Gain 模块输入枚…
阅读更多...
dataguard mysql,[dataguard同步数据库]Dataguard环境下数据库的备份与恢复

dataguard mysql,[dataguard同步数据库]Dataguard环境下数据库的备份与恢复

在线QQ客服&#xff1a;1922638专业的SQL Server、MySQL数据库同步软件在部署完active data guard后&#xff0c;不但可以将只读的查询交给备库执行&#xff0c;还可以把日常的数据库备份工作放在备库上执行&#xff0c;从而减轻主库的压力&#xff0c;充分的发挥服务器资源&am…
阅读更多...
php getimagecompose,Docker进阶：Dockerfile以及docker-compose工具

php getimagecompose,Docker进阶：Dockerfile以及docker-compose工具

Dockerfile&#xff1a;用来定制镜像的文件Docker-compose&#xff1a;用来部署容器集群的命令工具Dockerfile基本语法FROM&#xff1a;指定基础镜像&#xff0c;格式一般是FROM :FROM必须是Dockerfile的第一条非注释的命令是镜像名&#xff0c;是指定版本&#xff0c;不写的话…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023