丿灬安之若死

我于杀戮中绽放,亦如黎明前的花朵。

bootstarp 之为什么我的移动端不适配??

少写了一段代码 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalab...

2019-01-18 16:41:24

阅读数 21

评论数 0

boostarp3 横向li ul

<ul class=" list-unstyled list-inline list-group"> <li>&lt...

2018-12-26 15:31:46

阅读数 20

评论数 0

bootstrap实现下拉框dropdown选中select option 美爆了

bootstrap 官网的例子有点坑,它只给你下拉,并且美化了,但你点击下拉却不能选择,这个坎就已经让一大堆人不想用它下拉框了, 但原生的下拉框在每个浏览器长的的不一样,尤其是在ie太丑,好了废话不多说直接上代码;   <div id="...

2018-12-03 18:13:38

阅读数 31

评论数 0

Bootstrap学习笔记(三) 网格系统

4-1实现原理   网格系统的实现原理非常简单,仅仅是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。 <d...

2018-11-30 17:02:38

阅读数 30

评论数 0

Bootstrap学习笔记(二) 表单

3-1 基础表单   单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。   在Bootstrap框架中,通过定制了一个类名`form-control`,也就是说,如果这几个元素使用了类名“form-control”,将会实现一些设计上的定制效果。     ...

2018-11-30 16:58:20

阅读数 51

评论数 0

Bootstrap学习笔记(一) 排版

Bootsrap是一款优秀的前端开发框架,我从慕课网上开始学习Bootstrap,以下我学习过程中的一些笔记及代码。 首先学习排版: 从Bootstrap网站下载Bootstrap3中文文档(V3.3.5),解压到本地。由于幕课上排版系列课程主要用的是Bootstrap的Css,所以下载解压,...

2018-11-30 16:40:49

阅读数 42

评论数 0

利用BootStrap创建搜索框 详解

今天学了bootstrap由于官网上没有搜索框,我要做一个网站正好需要,我就自己做了一个搜索框,话不多说直接上代码 下面是jsp代码 <div class="col-sm-5" id="so"&am...

2018-11-29 17:29:22

阅读数 52

评论数 0

bootstrap的图片自适应属性

在img标签上添加一个class属性 class="img-responsive"  其所赋予的样式为: .img-responsive {   display: block;   height: auto;   max-width: 100%; }...

2018-11-29 16:58:36

阅读数 60

评论数 0

bootstrap栅栏系统css中的col-xs-*、col-sm-*、col-md-* 的意义以及 bootstrap一个标签中,同时有 col-xs , col-sm , col-md , col

摘要: bootstrap栅栏系统css中的col-xs-*、col-sm-*、col-md-* 的意义: .col-xs- 超小屏幕 手机 (<768px) .col-sm- 小屏幕 平板 (≥768px) .col-md- 中等屏幕 桌面显示器 (≥992px) ...

2018-08-28 10:27:33

阅读数 57

评论数 0

Bootstrap 实例 - 折叠(Collapse)插件方法

<!DOCTYPE html> <html lang="en"> <head> <meta cha...

2018-08-28 05:18:43

阅读数 194

评论数 0

data-toggle与data-target的作用

<a href="login.html" data-toggle="modal" data-target="#signin-signup-tab" id=&q...

2018-08-28 04:45:59

阅读数 131

评论数 0

bootstarp 标签页(Tab)插件事件的用法。在本实例中,将显示当前和前一个访问过的标签页:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8&quo...

2018-08-27 18:43:54

阅读数 204

评论数 0

bootstrap 响应式的导航栏

响应式的导航栏 为了给导航栏添加响应式特性,您要折叠的内容必须包裹class.collapse、.navbar-collapse 的<duv>中。折叠起来的导航栏实际上是 一个带有class.navbar-toggle及两个data-元素的按钮。第一个...

2018-08-22 10:57:56

阅读数 94

评论数 0

bootstarp自带的图片

定制字体图标 我们已经看到如何使用字体图标,接下来我们看看如何定制字体图标。 我们将以上面的实例开始,并通过改变字体尺寸、颜色和应用文本阴影来进行定制图标。 下面是开始的代码: <button type="button" clas...

2018-08-21 13:47:46

阅读数 98

评论数 0

css 块级元素(block)和内联元素(inline)的特性

块级元素(block)特性: 总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 内联元素(inline)特性: 和相邻的内联元素在同一行; 宽度(width)、高度(h...

2018-08-14 16:11:02

阅读数 56

评论数 0

web开发之Tab页的常见实现方法

tab和内容分离 布局: 用一个大的container div容器包裹住tab-control和tab-content两个div块 给每一个tab-control的项(a标签的href属性)设置锚点 给每一个tab-content的项,设置id属性 id属性名需与上述锚点一一对应...

2018-07-19 22:57:45

阅读数 138

评论数 0

css 链接 未访问连接 已访问连接 鼠标移动到连接上 鼠标点击时候 变换颜色

<!DOCTYPE html> <html lang="en"> <head> <meta char...

2018-07-15 23:38:06

阅读数 222

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭