Bootstrap學習第一天

時間 2019-11-30

原文原文鏈接

據說bootstrap很火，頁面作的很是好看，今天我決定開始學習bootstrap。css

bootstrap是一種響應式前端技術，能夠用於構建適應多種設備的網站頁面，當頁面尺寸變化時會根據變化的尺寸適應設備屏幕的大小。注意
1.bootstrap必須是HTML5的網頁
2.bootstrap中的動態效果都基於jquery庫。html

文件目錄結構：前端

CSS文件目錄下還有一個文件bootstrap-responsive.css也有對應的壓縮版本；jquery

第一個bootstrap案例代碼：bootstrap

<!DOCTYPE html>學習

<html lang="en">測試

<head>網站

<title>Bootstrap, from Twitter</title>htm

<style>

body {

padding-top: 60px; <

}

</style>

</head>

<body>

</button>

</ul>

</div>

<h1>這是一個Bootstrap的測試頁</h1>

<p>學習bootstrap第一天.<br>bootstrap是一種響應式前端技術，能夠用於構建適應多種設備的網站頁面，當頁面尺寸變化時會根據變化的尺寸適應設備屏幕的大小。

注意<br>

1.bootstrap必須是HTML5的網頁<br>

2.bootstrap中的動態效果都基於jquery庫。</p>

</div>

</body>

</html>

正常的頁面：

縮小後的頁面：

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。