Bootstrap Jetstrap-快速构建你的网站

news/2024/5/20 15:48:18/文章来源:https://blog.csdn.net/techbirds_bao/article/details/8552248

Boostrap来自于Twitter,是一个基于htmlcssjavascript的时尚的、直观的、强大的流行前端框架及交互组件集,可用于快速,简单构建你的网站。

Bootstrap拥有以下特性:

由匠人建,为匠人用

和您一样,我们乐于创造出色的web应用,于是想帮助更多象我们一样的匠人更为高效快捷地构建产品。Bootstrap因此而生。

适应各种技术水平

Bootstrap适应不同技术水平的从业者,无论是设计师还是程序员,大牛还是菜鸟。既能用来开发简单的小东西,也能构造更为复杂的应用。

跨设备,跨浏览器

最初设想中的Bootstrap只支持现代浏览器,不过新版本已经能支持所有主流浏览器(甚至包括IE7)。从Bootstrap 2开始,提供对平板和智能手机的支持。

12列栅格布局

栅格系统不是万能的,不过在应用的核心层有一个稳定和灵活的栅格系统确实可以让开发变得更简单。可以选用内置的栅格或是自己手写。

响应式设计

从Bootstrap 2开始,提供完整的响应式特性。所有的组件都能根据分辨率和设备灵活缩放,从而提供一致性的用户体验。

样式化的文档

与其他前端工具箱不同,Bootstrap优先设计了一个样式化的使用指南,不仅用来介绍特性,更用以展示最佳实践,应用以及代码实例。

不断完善的库

尽管只有10kb(gzip压缩后),Bootstrap却仍是最完备的前端工具箱之一,提供了几十个全功能的随时可用的组件。

定制的jquery插件

一个出色的组件设计岂能没有易用易扩展的人机界面?Bootstrap为此提供了定制的jQuery内置插件

用LESS构建

当传统的枯燥CSS写法止步不前时,LESS横空出世了。LESS中使用变量,嵌套,操作,混合编码,花费很小成本却让书写CSS更快更灵活。

html5

支持html5标签和语法

css3

逐步改进组件达到最终效果

开源

全部托管于 GitHub.

Twitter制造

由经验丰富的工程师和设计师奉献

Bootstrap的使用:使用Bootstrap开发网站非常简单,你只需用它提供的组件及样式即可开发出美观、大方、交互性很强的网站,如:新浪微博jssdk官网汽车标志大全 等,开发教程非常简单,去Bootstrap官网下载开发包,解压至你的项目,引入其核心js和css文件,然后按其教程去做就可以了,这里不再多讲。

Jetstrap可视化工具:

如果你觉得按Bootstrap教程做并且写代码比较麻烦,那么好吧,推荐一个可视化的在线构建 Bootstrap 的工具:jetstrapjetstrap提供了一个可视化工具,它提供了一个设计面板,一个工具箱(内置多组组件),使用方法很简单:

你只需将工具箱里面的组件拖到设计面板中,点击组件会出现一个组件设置框,里面可以设置组件的id和class、文本等。双击组件,可以调整html内容及样式等。如果设计完成,可以点击右上角的预览工具预览,再次点击可回到编辑状态进行修改。而且可以在多种平台下预览效果。如下图:

如果确认无误后,还可以导出为html文件,实为便捷,如果还是不太清楚操作,请看下面视频。

如果你感兴趣,赶快去试试吧。

参考资料及网站:

Bootstrap官方网站:http://twitter.github.com/bootstrap/

Bootstrap中文站点:http://wrongwaycn.github.com/bootstrap/docs/

Jetstrap网站:http://jetstrap.com/

新浪微博jssdk官方网站:http://www.weibojs.com

汽车标志大全地址:http://apps.weibo.com/autobrand

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_854321.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

HTML一键打包IPA(苹果IOS应用)工具 网站打包 APP

工具简介 HTML一键打包IPA(苹果应用)工具可以把本地HTML项目或者网站打包为一个苹果应用IPA文件,无需编写任何代码,支持在苹果设备上安装运行。 打包工具群:429338543 下载地址: 点击进入下载页面 加群获…

2016谷歌重返中国,体验Google中国开发者网站

我早上起床时拿起手机看新闻,一个标题瞬间吸引了《Google搜索要重返中国,但这次是靠中国开发者找回 “丢失的那6年”》,激动点开一看,文章巴拉巴拉一大推,选择性阅读完后,怀着无法按捺的心情在没翻墙的手机…

求助关于java的setDefaultCloseOperation() 的位置问题!

自己摸索搞不懂,我把setDefaultCloseOperation() 放在 while(jf.isShowing()) 之后就不会执行 int x 700 int y 300 int width 500 int height 500 JFrame jf new JFrame("测试"); jf.setBounds(x, y, width, height); // 窗口的横竖位置和横竖长度 …

jsp获取网站域名 域名解析

部署主机如果有弄域名解析的话 访问http://www.domain.com时会自动请求到相应的页面http://ip:port/webApp/index.jsp 此时在index.jsp代码 Html代码 StringbasePathrequest.getScheme()"://"request.getServerName()":"request.getServerPort()path"…

50个好网站,从此上网不再虚度!

《意林》,短小精悍的小故事,每次都能打动读者的心扉!http://www.yilin.net.cn 丁香园,一个生物学和医学专业的挚爱。http://www.dxy.cn 生物谷,看了名字就知道是生物类的网站。http://www.bioon.com 《环球科学》杂志的…

可扩展、高可用、负载均衡网站架构设计方案

可扩展、高可用、负载均衡网站架构设计方案作者:田逸(sery163.com) 本作品已刊登在《IT实验室周报》第6期第6版 基本需求: 1、高可用性:将停止服务时间降低到最低甚至是不间断服务 2、可扩展性:随着访问的增加,系统具备良好的伸缩…

大流量网站的底层系统架构

动态应用,是相对于网站静态内容而言, 是指以c/c、php、Java、perl、.net等 服务器端语言开发的网络应用软件,比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通 常与数据库系统、缓存系统、分布式存储系统等密不可分。 大型动态应用…

2015进口跨境电商网站大全

常用跨界电商企业网址跨境电商其它平台: 跨境电商其它跨境电商资讯类跨境电商有线下店

[译]MVC网站教程(四):MVC4网站中集成jqGrid表格插件(系列完结)

目录 1. 介绍 2. 软件环境 3. 在运行示例代码之前(源代码 示例登陆帐号) 4. jqGrid和AJAX 5. GridSettings 6. GridModelBinder 7. LinqExtensions 8. 数据实体类和LINQ 9. 在…

读书笔记:《大型网站系统与Java中间件实践》

文章目录大型网站演进数据库读问题写问题应用应对的挑战引入服务层框架:多机房问题序列化与反序列化问题异步调用线程池隔离服务请求合并数据访问层一致性的基础理论--CAP/BASE多机的Sequence问题消息中间件功能消息一致性避免对消息中间件的强依赖级联、嵌套topic/…

密评必备网站汇总

1、国密SSL实验室 网址:https://gmssl.cn/gmssl/index.jsp 推荐理由:提供很多密码相关工具 2、商用密码认证业务网 网址:http://service.scctc.org.cn/cer/cerall/list-c38.html 推荐理由:提供很多密码产品认证查询&#xff0…

乞讨网站,要饭网,个人要饭网,在线要饭网站;含socket 通信;双端支付源码 ;源码

展示站点:www.gaodc.site; 样式动态控制,因为快过年了所以是过年主题; 主要技术 springmvc websocket bootstrap jq 阿里支付 微信支付 ;源码请邮件;仅供交流; 截图

配置静态地址转换------发布公司内网网站到互联网上

拓扑图如下: 第1步:配置路由器R1启用的端口信息 Router>en Router#conf t Enter configuration commands, one per line. End with CNTL/Z. Router(config)#host R1 R1(config)#int fa0/0 R1(config-if)#ip add 192.168.10.1 255.255.255.0 R1(confi…

web网站添加ico图标

上线的网站都会配置ico,红框位置的图标 配置方法: 1、选择一张正方形的图片 2、打开ico在线制作网站,我推荐 https://www.bitbug.net/ 3、上传图片,并选择ico大小 4、生成好的图片浏览器会自动下载到本地,将图片命…

关于某些网站的图片盗链功能,相关http 请求的解决方法

其实 关键就是 header中 的 Referer 属性,可以通过firebug 查看头信息 并获得Referer,但有些情况下可能不能获取,就只能通过抓包的方法来获得了。 [java] view plaincopy print?import java.io.BufferedInputStream; import java.io.Buffer…

技术网站

联合主办 IT168(http://www.it168.com/) 中国最具影响力和权威的IT导购、应用资讯专业网站。创立于1999年,为个人和企业进行IT产品购买及应用提供服务,在用户群体中拥有极高知信度和忠诚度。 旗下支持媒体:China Unix…

技术网站

联合主办 IT168(http://www.it168.com/) 中国最具影响力和权威的IT导购、应用资讯专业网站。创立于1999年,为个人和企业进行IT产品购买及应用提供服务,在用户群体中拥有极高知信度和忠诚度。 旗下支持媒体:China Unix…

新建 SharePoint 网站集

进入管理中心,主菜单选择“服务设置”选项卡,此菜单选择SharePoint Online 点击网站集的“新建”按钮,看到新建ShartPoint Online网站集对话框 填写一些信息 然后点击“创建” 创建完成将得到以后界面提示 然后将在网站集列表中看到网站集列…

《大型网站技术架构:核心原理与案例分析》

大型网站架构演化大型网站软件系统的特点大网站架构演化发展历程初始阶段的网站架构应用服务和数据服务分离使用缓存改善网站性能使用应用服务器集群改善网站的并发处理能力数据库读写分离使用反向代理和CDN加速网站响应使用分布式文件系统和分布式数据库系统使用NoSQL和搜索引…

零基础网站建设 wordpress建站 wordpress安装(图文详解)

一、安装wordpress前的装备工作: 1、腾讯购买域名;进入域名控制台,进行域名实名认证; 2、购买服务器,提交备案申请。本文以百度云服务器为例。 二、安装wordpress: 1、下载FTP工具并安装:Fi…