
【前端框架】BootStrap
简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。
乔治大哥
脚踏实地,仰望星空。
展开
-
最简单的设置按钮的鼠标悬停效果
给Button加上title属性即可!过于简单,不做demo演示了!原创 2020-03-09 15:32:18 · 2215 阅读 · 0 评论 -
Bootstrap+jquery实现页面跳转【小demo】
引入jquery的库:<script type="text/javascript" src="../static/js/jquery.min.js" ></script>在div的按钮上加onclick事件:<button type="button" class="btn btn-primary btn-lg" onclick="home()">...原创 2020-03-06 14:15:04 · 1965 阅读 · 0 评论 -
如何改变一个按钮的位置
【注:使用bootstrap】最初代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../static/css/error.css" />...原创 2020-03-06 14:04:38 · 8854 阅读 · 0 评论 -
使用bootstrap按钮组并设置其按钮组中按钮的尺寸和距离
先说要求的样式:像悬浮窗一样固定在网页上:代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../static/css/bootst...原创 2020-03-05 16:10:07 · 3076 阅读 · 0 评论 -
viewport是什么?(江湖称响应式web设计)
响应式 Web 设计 - Viewport什么是 Viewport?viewport 是用户网页的可视区域。viewport 翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同...原创 2020-02-04 20:06:53 · 885 阅读 · 0 评论