资讯专栏INFORMATION COLUMN

实战web前端之:Bootstrap框架windows下安装与使用

mmy123456 / 1453人阅读

摘要:是前端开发中比较受欢迎的框架,简洁且灵活。将和封装成一个个功能组件,用起来简单,粗暴是由美国麻省理工学院的和合作开发。由于笔者的室友在三天半之内就学完了框架,这让我感到压力巨大。编辑,使用封装的功能部件。

Bootstrap是前端开发中比较受欢迎的框架,简洁且灵活。它基于HTML、CSS和JavaScript,HTML定义页面元素,CSS定义页面布局,而JavaScript负责页面元素的响应。Bootstrap将HTML、CSS和JavaScript封装成一个个功能组件,用起来简单,粗暴,是由美国麻省理工学院的Mark Otto和Jacob Thornton合作开发。由于笔者的室友在三天半之内就学完了html5+css3+javascript+bootstrap框架,这让我感到压力巨大。尤其是这几天课程比较多,又不敢逃课,   学习真正的知识进度缓慢。所以笔者也开始进入了Bootstrap领域进行研究。  

 

1.登录Bootstrap官网

 

点击Download.

2.下载Bootstrap

Download Bootstrap:下载预编译和压缩版Bootstrap(不含文档和源码)。

Download code:Bootstrap源码,如官网介绍,需要编译Less文件 和一些安装。

刚接触Bootstrap的话建议下载第一个,下载下来直接用。

使用Bootstrap进行前端开发
开发环境:WAMP(windows下的Apache + MySQL + PHP)

编辑器:DW

Step 1: 将下载下来的压缩包解压,将里面的css,和js文件夹放到你的工程目录中(即您wamp下的网站根目录了)。在工程根目录中新建了一个”index.html”,用来测试Bootstrap。

Step 2: 编辑”index.html”,使用Bootstrap封装的功能部件。

编写代码:

 

    

   在线尝试 Bootstrap 实例

     

   

   

 

     

Hello, world!

 

Step 3: 在浏览器中打开我们编写好的”index.html”查看。

如果发现有大写的Hello,world!则说明您的Bootstrap安装成功了!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1058.html

相关文章

  • 全栈开发自学路线

    摘要:前言这里筑梦师是一名正在努力学习的开发工程师目前致力于全栈方向的学习希望可以和大家一起交流技术共同进步用简书记录下自己的学习历程个人学习方法分享本文目录更新说明目录学习方法学习态度全栈开发学习路线很长知识拓展很长在这里收取很多人的建议以后决 前言 这里筑梦师,是一名正在努力学习的iOS开发工程师,目前致力于全栈方向的学习,希望可以和大家一起交流技术,共同进步,用简书记录下自己的学习历程...

    galaxy_robot 评论0 收藏0
  • 全栈开发自学路线

    摘要:前言这里筑梦师是一名正在努力学习的开发工程师目前致力于全栈方向的学习希望可以和大家一起交流技术共同进步用简书记录下自己的学习历程个人学习方法分享本文目录更新说明目录学习方法学习态度全栈开发学习路线很长知识拓展很长在这里收取很多人的建议以后决 前言 这里筑梦师,是一名正在努力学习的iOS开发工程师,目前致力于全栈方向的学习,希望可以和大家一起交流技术,共同进步,用简书记录下自己的学习历程...

    Scorpion 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<