响应式 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 教材。