1. 程式人生 > >bootstrap應用+一個有趣的css

bootstrap應用+一個有趣的css

前端學習網站:https://www.freecodecamp.org

Bootstrap的使用

  1. 匯入boortstrap css檔案 eg:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
  1. 為需要設定為相應bootsrap樣式的元素設定class 例如:設定圖片適應螢幕大小
<img src='https://bit.ly/fcc-running-cats' class='img-responsive'
/>

動畫:body像沒掛穩的壁畫

先匯入:https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css 和jQuery
$(“body”).addClass(“animated hinge”);