Bootstap

1. 移动设备优先

适配和初始缩放：<meta name="viewport" content="width=device-width, initial-scale=1">

2. 容器（不支持嵌套）

.container：固定宽度
.container-fluid：可变宽度

3.网格系统(每行分12列，包含4种类型)

xs：手机
sm：平板电脑
md：桌面设备
lg：大型桌面设备

http://www.runoob.com/bootstrap/

时间： 2024-10-29 19:08:24

Bootstap的相关文章

asp.net MVC5 中的捆绑和更改bootstap默认的样式

在MVC5的视图中使用@Scritps.Render(),@Styles.Render() 分别可以加载样式和脚本.捆绑的和实际的路径都可以. 并且可以利用编程的方式灵活引用css文件和脚本文件. 一.Layout页面头部会使用 @Styles.Render("~/Content/css") 来加载css文件,非实际文件路径. 相当于 <link href="css.css" rel="stylesheet" type="te

[Bootstap] 9. Dropdown

Dropdown Arrow Class In order to create a down arrow like this: , what class should we apply to the element? Answer: caret Opening Dropdowns The Bootstrap Dropdown plugin will toggle a specific class on our element in order to make the dropdown visib

按钮--bootStap

<!doctype html> <html> <head> <meta charset="utf-8"> <title>按钮</title> <link href="../../BootStrap/bootstrap-3.3.5-dist/css/bootstrap.css" rel="stylesheet" /> <meta name="view

bootstap 折叠

data-toggle="collapse" 添加到您想要展开或折叠的组件的链接上. href 或 data-target 属性添加到父组件,它的值是子组件的 id

BootStap学习笔记(未完待续)

移动设备优先: 为了让开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的head之中添加viewport meat标签:如下: <metaname="viewport"content="width=device-width, initial-scale=1.0"> 响应式图像: 通过对图像添加class="img-responsive"可以让图像对响应式布局设计的更好: 伪元素 http://www.w3school.

bootstap 滚动监听

---首先结合源代码介绍官网的说明 ---然后总结了使用滚动监听的几个步骤 ---最后给出一个简单的例子 ---关键的一点:整体有点零散和乱七八糟,辛苦你的思维和眼睛了,呵呵 ---------------------------------------------------------------------------------------------------------- 1. Scrollspy currently requires the use of a Bootstrap

Bootstap datetimepicker报错TypeError: intermediate value

Bootstrap datetimepicker有多个版本,官方的链接中,只是datepicker,没有时间的选择,原版的datetimepicker也不再更新,不能用新版的jquery.现在https://github.com/Eonasdan/bootstrap-datetimepicker这个版本最完善,但是一大堆依赖很头疼:https://github.com/smalot/bootstrap-datetimepicker还不错,比较轻巧,但是用起来报错. 报错: TypeError:

Bootstap datetimepicker报错TypeError: intermediate value(转)

原文转自:http://blog.chinaunix.net/uid-20332519-id-5733546.html Bootstrap datetimepicker有多个版本,官方的链接中,只是datepicker,没有时间的选择,原版的datetimepicker也不再更新,不能用新版的jquery. 现在https://github.com/Eonasdan/bootstrap-datetimepicker这个版本最完善,但是一大堆依赖很头疼: https://github.com/sm

BootStap学习笔记(2)

学习该内容之前可能会用到的内容: css属性Font-Weight:如果数字为700就是加粗的.或者更粗的为bolder,更细的是lighter. html Cite标签定义文档的引用,默认字体以斜体表示如果有title属性,当鼠标放上去的时候还会显示title里定义的内容: html q标签通常和cite属性一起使用,cite来定义文档引用位置,注意q标签中文本内容会自动加上双引号; html blockquote cite属性规定引用的来源,内部文本默认会在左右两边进行缩进(增加外边距)