首页 > 代码库 > 全栈老司机roadmap笔记--------Bootstrap (level 1)
全栈老司机roadmap笔记--------Bootstrap (level 1)
level 1
framework defination:
bootstrap file structure:
Adding bootstrp to our html:
bootstrap relays on jquery, so we also need to add jquery inside out page
The container class
the container-fluid class
practice code:
<!DOCTYPE html><html> <head> <title>Blasting Off With Bootstrap</title> <link href=‘css/main.css‘ rel=‘stylesheet‘> <link href=‘css/bootstrap.min.css‘ rel = ‘stylesheet‘> </head> <body> <div class=‘container‘> <h1>The Fastest Way to Space</h1> <p>Make your way to space in the comfort of your own rocket, elevator or transporter.</p> <button type=‘button‘>Take the Tour</button> <button type=‘button‘>Book Tickets Now</button> </div> <p>This is our footer</p> <script src =‘//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js‘></script> <script src =‘js/bootstrap.min.js‘></script> </body></html>
全栈老司机roadmap笔记--------Bootstrap (level 1)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。