31.1 Bootstrap概念、Bootstrap下载、创建Bootstrap模板（重要）、响应式布局

于 2020-10-31 20:06:40 发布
阅读量328 收藏
点赞数
分类专栏： 02 javaee
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Birdmotianlun/article/details/109407238
版权
本文介绍了Bootstrap的基本概念，它是一个流行的前端框架，提供了丰富的样式和JS插件，支持响应式布局。内容包括Bootstrap的下载、如何创建模板以及响应式布局的工作原理，特别是栅格系统的应用，帮助开发者实现跨设备兼容的设计。
摘要由CSDN通过智能技术生成

目录

1 Bootstrap概念

2 Bootstrap下载

3 创建Bootstrap模板（重要）

4 响应式布局

1 Bootstrap概念

概念： 一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。

框架：一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。

使用框架的好处：

        1. 定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。
        2. 响应式布局。            * 同一套页面可以兼容不同分辨率的设备。

2 Bootstrap下载

https://www.bootcss.com/

3 创建Bootstrap模板（重要）

3.1 创建项目并引入css、fonts、js包

打开bootstrao-3.3.7-dist文件，将css、fonts、js文件夹复制到项目中，并引入jquery包

最低0.47元/天 解锁文章
birdlun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
bootstrap响应式模板
12-05
总共包括两个利用bootstrap框架实战的简单模板，分别为海贼王主题的网站首页与论坛后台管理系统。页面为响应式布局，支持移动端，可供初学者借鉴参考，
ASME B31.1-2016 Power Piping.pdf
03-09
### ASME B31.1-2016 Power Piping 核心知识点解析 #### 一、标准概述 **ASME B31.1-2016** 是一个国际性的管道规范标准，该标准全称为《ASME压力管道规范第B31部分：动力管道》（ASME Code for Pressure Piping, ...
响应式bootstrap布局模板
桃花岛主的博客
09-22 1161
<!DOCTYPE html> <html lang="zh-CN"> <head> <!-- 文档编码 --> <meta charset="utf-8"> <!-- 为了让IE以最新标准和模式对当前页进行渲染 --> <meta http-equiv="X-UA-Compatibl...
前端框架 —— Bootstrap的学习
余温0218的博客
10-17 207
什么是JSP隐式对象？ jsp被翻译成servlet后，service方法中有9个对象定义并初始化完毕。可以直接使用这9个对象。(可以在*.java文件里面找到) out： 以下程序段输出为ddd aaa bbb ccc out.write(“aaa”); out.write(“bbb”); out.write(“ccc”); response.getwriter().write(“ddd”);...
day07-Bootstrap
weixin_43644567的博客
10-07 221
今日内容 1. Bootstrap Bootstrap： 1. 概念： 一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。 * 框架:一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。 * 好处： 1. 定义了很多的css样式...
BootStrap的简单介绍
热门推荐
星空之尘的博客
05-23 2万+
BootStrap 概念：一个前端开发的框架，Bootstrap是基于html、css、Javascript的。 框架：框架是一个半成品软件，开发人员可以在框架基础上进行开发，简化编码。 好处： ① 定义了许多CSS样式和js插件。开发者可以直接引用这些样式和插件。 ② 响应式布局：同一套页面可以兼容不同分辨率的设备。 快速入门 下载Bootstrap 下载后有三个文件夹，将这三个文件夹复制到项目中 创建html页面，引入必要的资源 <!DOCTYPE html> <h
OceanStor UltraPath for Windows 31.1.RC3 用户指南
07-11
《OceanStor UltraPath for Windows 31.1.RC3 用户指南》是华为公司为用户提供的一款关于集中式存储和融合存储解决方案的详细操作手册。该指南针对Windows环境下的OceanStor UltraPath软件，旨在帮助用户高效、稳定...
OceanStor UltraPath for Linux 31.1.RC3 用户指南
07-11
《OceanStor UltraPath for Linux 31.1.RC3 用户指南》是华为公司针对其集中式存储和融合存储解决方案提供的一款关键软件组件的详细使用手册。此指南旨在帮助Linux用户有效地管理和优化通过OceanStor UltraPath进行...
guava-31.1-jre.jar
06-23
guava
Database.NET 数据库管理工具 v31.1.7592.1绿色中文版
11-03
为您提供Database.NET 数据库管理工具下载，Database .NET是一个多重数据库管理工具，提供更简单方便的可视化界面浏览数据库内容，无须另外安装整个数据库系统，即可直接本地或远程进行数据库的在线存取，方便数据库...
bootstrap布局模板
08-02
很多bootstrap布局样式。很多bootstrap布局样式。很多bootstrap布局样式。
SmartAdmin WebApp 1.8.7.3 (基于Bootstrap响应式布局模板)
09-11
SmartAdmin WebApp - goes beyond the ordinary admin template. Its unique flat design and responsive layout is crafted one of a kind. SmartAdmin includes 7 version variations: Static HTML, AJAX, PHP, AngularJS 4.0, RubyOnRails, ReactJS and ASP.NET versions. Each version comes with its own unique properties and usage. SmartAdmin has a vast collection of assorted reusable UI components integrated with latest jQuery plugins. SmartAdmin Layout API lets you customize your project for almost any device - be it Mobile, Web or WebApp - SmartAdmin has you covered! 最新全套源码 版本号看changelog.txt ### Patch 1.8.7.3 (ReactJS) - Update to react 15.5 - Webpack 2.6 - Freeze dependencies - Refactor reflux examples - ES6 class components - Refactor to eliminate deprecation warnings - More plugin updates - OVERALL: 35 files changed, 370 lines inserted | 446 lines deleted
bootstrap各种布局模板(html文件)
12-08
bootstrap各种布局模板(html文件)。下载后解压，打开文件夹找到index.html文件查看。然后根据自己想要的在文件夹中找到对应的文件用编辑器打开查看即可。
bootstrap左右结构项目模版(是响应式布局)
05-14
详情请看http://www.jq22.com/jquery-info4155
A+Bootstrap(AngelUI)响应式布局后台模板源码
06-25
A+ 后台主题UI框架 非常感谢您选择和使用A+，在使用A+之前请注意以下事项： 1.为了保证所有功能都可正常使用，请在服务器环境（本地测试可使用localhost）下运行； 2.请认真阅读本文档后再开始使用A+； 如果您觉得当前A+版本还满足不了您的实际需求，希望添加新功能。
BootStrap 概念
weixin_34059951的博客
06-07 125
网格系统中的缩写; xs extra small sm smal md middle/medium lg large
bootstrap后台模板布局
iteye_8029的博客
02-09 301
没完有待更新 &lt;!DOCTYPE html&gt; &lt;!--[if IE 8]&gt; &lt;html lang="en" class="ie8"&gt; &lt;![endif]--&gt; &lt;!--[if IE 9]&gt; &lt;html lang="en" class="ie9"&gt; &amp
bootstrap基本概念
heroicpoem的专栏
02-03 450
特点 响应式，自动适用于电脑、平板、收集。 –厉害！老框架固定大小，手机上看是灾难。 网格结构 把屏幕按行列（12列）分割成若干网格，网格是布局的基本结构。 基本层次是 container–row–col &lt;div class="container"&gt; &lt;div class="row"&gt; &lt;div class="col-*-*"&gt;&lt
Bootstrap基础概念
y41992910的博客
06-25 632
bootstrap官方定义:(也就是前端的框架) Bootstrap是开发响应式和移动优先的WEB应用的最流行的HTML,CSS,javascript框架. 其实现了只用一套代码就可以在不同的设备显示你想要的视图的功能.Bootstrap还为我们提供了大量美观的html元素前端组件和JQUERY插件...
解决小米路由器192.168.31.1访问故障
"这篇文档提供了关于小米路由器192.168.31.1无法访问的解决方法，主要涉及了连接问题、电脑IP地址设置、设备问题、网线问题、浏览器问题以及路由器本身的问题，并给出了相应的解决步骤。" 小米路由器192.168.31.1...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值