python html5 bootstrap 视频教程

德云社区

 找回密码
 立即注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

数字 IDE 网页 ── \"所见即所得\" 编写 HTML4、HTML5 静态 \"网站站群\" 动态网站,生成 Robots、站点地图,死链检测,强大文本编辑器功能。。。集成中英自动 TTS 文本诵读功能。。。
数字 IDE Python ── 支持 \"极速编写-重构\" Python、Django、HTML5、XML、C/C++、Java、Perl、PHP、Ruby、C#、VB .Net 等程序源代码。。。集成了很多常用编程智能辅助工具。。。
业务范围:
01、企业 \"内部 | 外部\" 数据管理、分析、挖据
02、企业效率优化专用 APP 程序定制、IT 外包
03、智能数字化系统平台架设、开发、部署、维护
04、高仿真、低成本,可动画-可 VR 数字样机建模、开发、规划
05、企业 Linux 云计算 \"IaaS | SaaS\" 服务器架设、开发、部署、维护
06、\"标准 | 非标\" 设备全流程研发,PLC、单片机、工控系统开发、集成
07、企业 Linux / Windows 平台 PLM、ERP 系统架设、开发、部署、维护
08、企业 Linux / Windows 平台 \"内网 | 外网\" 服务器架设、开发、部署、维护
09、企业微信公众号智能互动营销、策划,Web 网站代码、SEO 排名优化,大数据网络推广
10、企业跨平台、跨硬件、跨浏览器 HTML5 Web 电子商务平台、\"静态 | 动态\" 网站开发、部署、维护
11、企业文档、资料、公司网页多语种翻译,数据资料标准化、版本化、数字化管理的规划、研发、实施
数字翻译 ── 能 \"批量翻译\" 文档 GUI 用户界面。。。网页浏览 批处理 全文搜索 全文替换 全文删除 全文插入 数据比较 。。。集成中英自动 TTS 文本诵读功能。。。
查看: 2222|回复: 0

Bootstrap 3.3.2 基本 HTML5 模版

[复制链接]

193

主题

283

帖子

1191

积分

版主

Rank: 7Rank: 7Rank: 7

金钱
679
金币
13
威望
0
贡献
0
发表于 2015-1-28 12:04:27 | 显示全部楼层 |阅读模式
|          
Bootstrap 3.3.2 基本 HTML5 模版

002.jpg

百度网盘

https://pan.baidu.com/s/1i5tKlZB


所见即所得的 HTML5 Bootstrap3.3.2 Web 网页 IDE 集成开发环境

http://forum.digitser.cn/thread-2151-1-1.html


Bootstrap 是 twitter 公司推出的一套开源网页用户界面和前端交互开发框架。Bootstrap 由 Twitter 设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个纯 CSS/HTML 框架。Bootstrap 提供了一种优雅 HTML、CSS 规范,Bootstrap 由动态 CSS 语言 Less 写成。Bootstrap 一经推出后颇受欢迎,一直是 GitHub 上的热门开源项目,包括 NASA 的 MSNBC(微软全国广播公司)的 Breaking News 在内,都使用了该项目。


Bootstrap 基于 HTML5 和 CSS3 开发,在 jQuery 的基础上进行了更为个性化和人性化的完善,形成了一套独有的网站风格,并兼容大部分 jQuery 插件。


框架的意思就是把常用的东西事先编写好,需要的时候,直接调用就行。譬如,设计网页布局,只需计算网页宽度,不用手工写布局要用到的 CSS 代码。Bootstrap 框架内置了一套网格布局系统,只需在元素中使用设计好的布局相关网格类,无需手工撰写布局要使用的 CSS 代码。


以前,若想在网页中出现一个按钮,通常需先用图形设计软件,设计一个按钮 ,然后再把它用 HTML 和 CSS 表示出来。使用 Bootstrap 框架,直接为元素添加 Bootstrap 设计好的按钮相关类,就可立即在网页中出现一个漂亮按钮,Bootstrap 还允许你控制这个按钮的颜色、样式、大小、等等。

       Bootstrap 包含了许多在网页中常用的界面设计元素。譬如:表格、表单、导航栏、按钮组、分页器、导航路径、等等。

       Bootstrap 还提供了很多交互小插件,譬如:对话窗、下拉菜单、工具提示、选项卡、等等,这些都可直接调用,只需按照 Bootstrap 设计好的方式,先把代码结构写出来,然后在元素中使用相应类,剩下的事 Bootstrap 全部都会为你做好。


基本 HTML 模版代码:
  1. <!DOCTYPE html>
  2. <html>

  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">

  7.     <title>广州市德数机械设备有限公司_Bootstrap Template</title>
  8.     <meta name="keywords" content="/">
  9.     <meta name="description" content="/">

  10.     <!-- Bootstrap -->
  11.     <link href="css/bootstrap.min.css" rel="stylesheet">

  12.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  13.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  14.     <!--[if lt IE 9]>
  15.       <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  16.       <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  17.     <![endif]-->
  18.   </head>
  19.   <body>
  20.     <h1>广州市德数机械设备有限公司_www.digitser.net</h1>

  21.     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  22.     <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
  23.     <!-- Include all compiled plugins (below), or include individual files as needed -->
  24.     <script src="js/bootstrap.min.js"></script>
  25.   </body>
  26. </html>
复制代码

版权声明:
本文为独家原创稿件,版权归 德云社区,未经许可不得转载;否则,将追究其法律责任。

AI人工智能 语音助理 人工翻译 教程
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|Sitemap|手机版|小黑屋| |网站地图  

GMT+8, 2018-10-22 08:36 , Processed in 0.051975 second(s), 34 queries .

技术支持 乐数软件  版权所有 © 2014-2019 德云社区

工业和信息化部:粤ICP备14079481号-2

快速回复 返回顶部 返回列表