在HTML网页中引入Bootstrap前端框架

       Bootstrap百度百科介绍:

      Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。

    这是优雅的分割线....................................

    要想在HTML网页中试用Bootstrap,至少需要引入三个文件

   
    
    
    
    
    

   然后将所有使用Bootsrap样式的代码写在如下DIV中,二者选一。

  


    //这里写你bootstrap样式的代码
    

   


    //这里写你bootstrap样式的代码
    

  

   以下是本人编写的一个例子网页代码




	首页
	
	
	
	
	
	
	
	
	
	
	
	


	

请选择你要进行的操作



  注:

引入文件时,我是在线引入,为了方便不联网的情况,我们可以先将这三个文件下载下来,然后在引入本地路径的CSS文件和JS文件。至于如何获得这三个文件,麻烦点的可以去Bootstrap的官网http://v3.bootcss.com/和JQuery

的官网http://jquery.com/下载相应的文件下来,这样可以加深对Bootsrtap的了解;最简单的就是直接访问这三个网页

http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css
http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js
http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js
将网页内容直接保存下来,文件名跟网页名称一致。

 
  

你可能感兴趣的:(前端)