【bootstrap基础样式学习（二）——栅格】的更多相关文章

bootstrap基础样式学习（二）——栅格

(1)最外层必须使用容器 div.container或 div.container-fluid (2)容器可以放置任何内容,若想使用栅格系统必须用 div.row div.container > div.row (3)一个.row中不能放置其它的内容,只能放置.col,列中放置任何内容. div.container > div.row > div.col (4)Bootstrap中行的默认均分12等分,每个列必面指定在行内占比. 12=[6-6]=[4-4-4] (5)栅格系统针对不同的…

bootstrap基础样式学习（一）

1.按钮btn .btn 按钮基础的样式 .btn-default 白底黑子的按钮 .btn-danger/warning/success/info/primary .btn-lg/sm/xs 按钮大小 2.图片img 3.文本text .text-uppercase/lowercase/capitalize      转换在小写 4.列表list .list-unstyled                                                          去除…

Bootstrap <基础三十二>模态框（Modal）插件

模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. 如果您想要单独引用该插件的功能,那么您需要引用 modal.js.或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js. 用法 您可以切换模态框(Modal)插件的隐藏内容: 通过 data 属性:在控制器元素(比如按钮或者链接)上设置属性 data-toggl…

bootstrap基础样式使用

<small> 为了给段落添加强调文本,则可以添加 class="lead" <small>本行内容是在标签内</small><br> <strong>本行内容是在标签内</strong><br> <em>本行内容是在标签内,并呈现为斜体</em><br> <p class="text-left">向左对齐文本</p> &l…

Bootstrap基础知识学习

Bootstrap中文网 http://www.bootcss.com/ Bootstrap菜鸟教程 http://www.runoob.com/bootstrap/bootstrap-tutorial.html 响应式设计 http://v2.bootcss.com/scaffolding.html#responsive Bootstrap框架简介 http://www.cnblogs.com/sharpxiajun/p/3151510.html Bootstrap入门教程 http://ww…

Swift3.0基础语法学习<二>

对象和类: // // ViewController2.swift // SwiftBasicDemo // // Created by 思 彭 on 16/11/15. // Copyright © 2016年 思 彭. All rights reserved. // import UIKit class ViewController2: UIViewController { override func viewDidLoad() { super.viewDidLoad() self.titl…

[Bootstrap]全局样式（二）

具体排版 1.标题和标题类 <h1> ~<h6>和.h1~h6|副标题<small>和.small font-size                    margin-top                margin-bottom h1         36px                          20px                          10px h2         30px                          2…

django 基础框架学习 (二)

Django框架基础-02 Django缓存cookie 1.说明        当我们服务器在响应数据的同时,希望写⼊⼀些缓存数据到客户端        我们可以选择在响应的同时,将要写⼊到客户端的缓存数据写⼊到⽤户的浏览器的cookie中    2.创建response对象        # 创建响应对象        response = HttpResponse('OK')        # response = JsonResponse({"name":"pytho…

蜗牛—ORACLE基础之学习(二)

如何创建一个表,这个表和还有一个表的结构一样但没有数据是个空表,旧表的数据也插入的 create table newtable as select * from oldtable 清空一个表内的数据 delete from tablename…

Bootstrap <基础二十九>面板（Panels）

Bootstrap 面板(Panels).面板组件用于把 DOM 组件插入到一个盒子中.创建一个基本的面板,只需要向 <div> 元素添加 class .panel 和 class .panel-default 即可,如下面的实例所示: <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 默认的面板</title> <link href="/bootstrap/css…