在web相关技术中,HTML代表了content,structure, CSS则负责styling,决定内容是如何展示的,javascript则主要负责interactive, behaviour。

在网站开发中一般流程就是先写html初步决定page的结构和内容,然后定义css应用到网页,调整展示的形式,最后对于交互性较强的内容则使用javascript来实现。

整个流程都一直是在上述三个方面不断迭代,直到满意为止。要设计开发一个满意的网页是需要花费不少精力在上面的迭代更改过程的。

那么有没有什么方法提高这个效率呢?现在前端框架中bootstrap非常流行,简单说下它是什么,如何引入到我们的工作流中去的。

bootstrap是twitter工程师做的一个前端框架,它预先定义了一套css style,以及很多实用的compenents(javascript plugins),在我们引入bootstrap后,

我们的工作主要就集中在HTML代码的设计,css直接引用预定义好的bootstrap类,希望用到的交互组件都可以在bs中直接引用,大大提高我们的效率。也就是说

bootstrap.css和bootstrap.js两个文件分别替代了我们上述自己开发网页的css,js文件

转载于:https://www.cnblogs.com/kidsitcn/p/4419991.html

how bootstrap fit into our website design?相关推荐

  1. Bootstrap 4:您需要知道的一切

    深入解决常见的响应式Web设计问题 (A deep dive into solving common responsive web design problem) This article will ...

  2. 12 Essential Bootstrap Tools for Web Designers

    12 Essential Bootstrap Tools for Web Designers Posted by vikas on June 6, 2014, filed in: Tools, Web ...

  3. 什么是Bootstrap?

    本文翻译自:What is Bootstrap? There are a lot of questions here related to Bootstrap. 这里有很多与Bootstrap有关的问 ...

  4. Bootstrap 定制和修改方法-perfect

    特别声明:此篇文章由Sunnylost根据Thomas Park的英文文章原名<Customizing Bootstrap>进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之 ...

  5. 基于BootStrap+Django+MySQL的云笔记平台系统

    全套资料下载地址:https://download.csdn.net/download/sheziqiong/85585149 全套资料下载地址:https://download.csdn.net/d ...

  6. Bootstrap前端组件库+构建管理

    目录 构建管理 Grunt Sass JavaScript Bootstrap作为前端组件库 一些语法 媒体查询 辅助类 栅栏系统 补充 代码示例 媒体查询 网格系统 建立可伸缩的甚至是响应式组件的方 ...

  7. Web Design Toolbox: 130+ New Tools to Make You a Better and Faster Designer

    Last year we did a post on 50+ tools for Web design. A lot has changed in the past year, and there a ...

  8. freelance平台_完整的Freelance Web开发人员指南:如何通过Freelance编程工作来赚钱

    freelance平台 It's common for developers to go the freelance route. This is true for many who have jus ...

  9. vuex构建vue项目_如何使用Vue.js,Vuex,Vuetify和Firebase构建单页应用程序

    vuex构建vue项目 如何使用Vuetify和Vue路由器安装Vue并构建SPA (How to install Vue and build an SPA using Vuetify and Vue ...

最新文章

  1. C++为什么要内存对齐
  2. 拥有此神技,脚本调试从此与 echo、set、test 说分手
  3. ubuntu 如何转换 ppk ,连接 amazon ec2
  4. NHibernate自定义集合类型(上):基本实现方式
  5. CSS 渐进增强与优雅降级
  6. Mycat监控_监控平台安装Mycat-web_作为配置中心注册发现用---MyCat分布式数据库集群架构工作笔记0037
  7. java list转json
  8. python爬虫基础17-抓包工具使用
  9. phpstudy使用mysql8.0_windows系统-phpstudy升级mysql8.0.12安装教程及修改密码和安装注意事项...
  10. UltraEdit-32 温馨提示:右协会,取消 bak文件
  11. mysql 最大长度_mysql VARCHAR的最大长度到底是多少
  12. 一篇文章让你搞懂Reflect和Reflect metadata(JavaScript)
  13. 2021年中国存款余额持续增长,人民币、外币存款余额均创历史新高[图]
  14. 支付宝指纹服务器暂时用不了,解决支付宝指纹验证失效的问题
  15. 2.5 亿!华为成立新公司
  16. 白光干涉仪能做什么丨科普篇
  17. 数据结构-----引论
  18. 【Basic Algebra】群论学习整理
  19. HDU--1871--细节处理--记忆化暴力查找
  20. 使用docker安装zookeeper

热门文章

  1. C#遍历文件夹下所有文件
  2. BZOJ-1507 文本编辑器(Editor)
  3. 【转】数据库范式(1NF 2NF 3NF BCNF)详解二
  4. ISO8583报文格式分析
  5. 比较:Java和python
  6. 数据结构笔记(二十)--二叉树的存储
  7. 【从理论到代码】旋转矩阵与欧拉角 一
  8. Tesseract试用过程及结果分析
  9. (03)两个模型的交集、并集、差集
  10. linux emacs 快捷键,emacs常用快捷键