小悠学习——快乐工作,悠闲生活.超全的IT开发手册!
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULAR XML
 

响应式 Web 设计 - 框架


本章节为大家介绍响应式 Web 设计框架 Bootstrap。

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

实例

< !DOCTYPE html >
< html lang= "en" >
< head >
< title >Bootstrap Example < /title >
< meta charset= "utf-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1" >
< link rel= "stylesheet" href= "http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css" >
< script src= "http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" > < /script >
< script src= "http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js" > < /script >
< /head >
< body >

< div class= "container" >
  < div class= "jumbotron" >
    < h1 >我的第一个 Bootstrap 页面 < /h1 >
  < /div >
  < div class= "row" >
    < div class= "col-sm-4" >
      ...
    < /div >
    < div class= "col-sm-4" >
      ...
    < /div >
    < div class= "col-sm-4" >
    ...
    < /div >
  < /div >
< /div >

< /body >
< /html >

尝试一下 »

更多内容,请查看我们的 Bootstrap 教材