bootstrap快速入门笔记(一)

一,头部基本格式:
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <meta name="format-detection" content="telephone=no" />
    <title>标题</title>
    <link rel="stylesheet" href="自己的css文件"/>
</head>

 <body>

........

 </body>

<!--   所有插件都依赖 jQuery -->
<script src="../../../common/js/jquery-1.11.1.js"></script>
<!--  jQuery必须在所有插件之前引入页面,bootstrap支持的jQuery版本要>= 1.9.1-->
<script src="../js/bootstrap.min.js"></script>

二,排版与链接样式
基本的全局样式:
background-color:#fff;
@font-family-base
@font-size-base
a变量的基本样式:
@line-height-base
@link-color相当链接:hover状态时的样式

公共样式文件:scaffolding.less
重置样式库:Normalize.less
布局容器:.container和.container-fluid两种容器不能相互嵌套

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Python攻城狮

pycharm快捷键及一些常用设置

1. pycharm默认是自动保存的,习惯自己按ctrl + s 的可以进行如下设置:

10530
来自专栏coding for love

CSS常用布局实现04-三列布局

三列布局应该是非常经典的一个布局,考虑下面这个问题,实现左中右三列,其中左右两列宽度已知为200px,中间宽度自适应。该如何实现?

42020
来自专栏林冠宏的技术文章

Golang 编写的图片压缩程序,质量、尺寸压缩,批量、单张压缩

目录:   前序   效果图   简介   全部代码 前序: 接触 golang 不久,一直是边学边做,边总结,深深感到这门语言的魅力,等下要跟大家分享是最近...

968100
来自专栏cnblogs

DOM事件第二弹(UIEvent事件)

此文章主要总结UIEvent相关的事件,如有不对的地方,欢迎指正。 一、uitls.js(绑定事件公共类) var fixs = { 'focusin'...

20290
来自专栏每日一篇技术文章

weex-27-通用事件

如上示例中定义的单击事件方法tap中,如果不传递参数,即使用默认参数的情况,系统会自动传递如下对象当成方法的参数

14330
来自专栏姬小光

【第012期】如何设置页面锚点

不知道大家有没有注意到,在我们上网的时候,会看到有些链接打开之后可以直接定位到页面的某个位置处。

16130
来自专栏九彩拼盘的叨叨叨

学习前端 第1周第2天

9920
来自专栏Android干货

安卓开发-设置RadioButton的点击效果

36670
来自专栏程序员的知识天地

H5学习从0到1-H5的表单(11)

input:输入域,type属性可以设置text,password,button等不同的属性

11610
来自专栏一“技”之长

Bootstrap响应式前端框架笔记五——按钮

    Bootstrap中预设了default,primary,info,warning,danger和link6种按钮风格,示例如下:

9420

扫码关注云+社区

领取腾讯云代金券