Bootstrap 起步

基本模版:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/bootstrap-theme.min.css"/>
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/mystyle.css"/>
</head>
<body>
<button class="btn ">提交</button>
</body>
</html>

在引用的时候也可以使用CDN服务器上的文件,网址是:http://www.bootcdn.cn/

时间: 2024-10-10 07:59:05

Bootstrap 起步的相关文章

BootStrap之基础-1 BootStrap起步(基本概念、环境搭建)

一.基本概念 Bootstrap 简介 - 移动设备优先 - 所有的主流浏览器都支持Bootstrap 它既是由动态CSS语言Less写成 Github热门开源项目 包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目 够成 Bootstrap 目录说明 - CSS目录--用于存放Bootstrap框架使用的样式文件 - bootstrap.css文件: Bootstrap框架的样式文件 - bootstrap.min.css文件:Bootstrap框架的样式压

bootstrap起步,基本模板

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid

web前端全部课件(html5+CSS3+javascript+dom+bom+jquery+jqm+bootstrap+angular+ext+weixin+less)

一.HTML5 BASIC课件 Unit01:Web基础知识.HTML快速入门.文本 Unit02:图像和链接.表格.结构标记 Unit03:列表.表单.其他常用标记 二.CSS3 BASIC课件 Unit01:CSS 概述.CSS 语法\尺寸与边框 Unit02:框模型.背景.渐变\文本格式化-1 Unit03:文本格式化-2.表格.浮动.显示 Unit04:列表.定位 三.京东首页实战(无PPT) 四.WEB UI课件 Unit01:Photoshop基本操作.网页切图.图像优化 Unit0

起步 简介整个项目、组件、和如何使用一个简单的模版入门

1. 下载 下载之前先检查一下是否准备好了一个代码编辑器(我们推荐使用 Sublime Text 2) ,你是否已经掌握了足够的HTML和CSS知识以开展工作.这里我们不详述源码文件,但是它们可以随时被下载.在这里我们只着重介绍使用已经编译好的Bootstrap文件进行入门讲解. 下载编译好的文件 快速开始:立即下载编译好的版本吧,里面已经包含了CSS.JS和图片文件了,而且所有文件已经经过了压缩处理.不过,文档和源码文件不包含哦. 下载Bootstrap 下载源码 从GitHub直接下载到的最

【从零开始】-搭建《以平行宇宙为基础既可以用文字,还可以用图片,视频也没有问题的讲故事网站》-2起步(主页面的完成与发布)

<001-开发环境>写的乱七八糟的,但相信大家已经都会了(感觉稍微学过的水平水平就在咱之上了@@),现在终于要进入正题了!!! 原本想前后台一起写的,突然发现先把前台写完可以尽早装逼就准备先写后台了==! 一:使用Git和GitHub管理<以平行宇宙为基础既可以用文字,还可以用图片,视频也没有问题的讲故事网站> 因为先把框架搭建好,再创建一个空的仓库,在使用首次上传上传到GitHub比较麻烦.所以咱一般都先创建带README文件的仓库,然后克隆下来开始项目. 在GitHub上创建一

54 前端--Bootstrap框架

目录 bootstrap 起步 基本模板 栅格系统 栅格参数 流式布局容器 列偏移 col-md-offset-x 列嵌套 CSS样式 主标题 副标题 文本对齐 文本大小写 辅助类 文本颜色 关闭按钮 下拉三角 快速浮动 清除浮动 显示与隐藏 表格 状态类 背景色 按钮 按钮样式: 按钮大小: 图片 图片形状 Bootstrap组件 目录: 响应式开发 为什么要进行响应式开发? 什么是响应式? 用到的技术: JavaScript插件 模态框 轮播图 Carousel bootstrap Boot

从0开始学web前端

什么是web前端   所谓web前端,就是web给用户展示的东西. 在国内,web前端开发是一个全新的行业,所以国内大学内并没有成熟的课程体系,所以很多学习的人无非是通过自学,以及培训这两种方式.但是自学是很难的,而且现在网上很多的视频以及学习资料都是过期的. 网页制作是计算机专业同学在大学期间都会接触到的一门课程,而学习网页制作所用的第一个集成开发环境(IDE)想必大多是Dreamweaver,这种所见即所得的"吊炸天"IDE为我们制作网页带来了极大的方便.入门快.见效快让我们在不知

Bootstrap学习之一起步

说起Bootstrap,第一次接触到这个名词的时候还是同事在做自适应页面技术分享会时了解到,在之后的项目中就逐渐应用了这个前端WEB CSS框架. 参考: 起步:     http://v3.bootcss.com/getting-started/ 代码规范: http://codeguide.bootcss.com/#html-syntax 全局CSS样式: http://v3.bootcss.com/css/#type-inline-text 图标网址:http://glyphicons.c

Bootstrap的使用---起步

1,对应的文件中: 提供了编译版的CSS和JS文件 (bootstrap.*),也同时提供了编译并压缩之后的CSS和JS文件 (bootstrap.min.*).图片文件是使用ImageOptim 工具进行压缩的,这个工具是Mac平台上用于压缩PNG文件的一个app. 所有的js plugins里面的内容都依赖与jquery: 下面是 <meta name="viewport" content="width=device-width, initial-scale=1.0