課程
/前端開發
/Bootstrap
/基于bootstrap的網頁開發
我完全沒懂這練習是什么意思,是要自己寫樣式達成效果圖的樣子,還是bootstrap一引入用什么命名就能自動達到那個效果,也沒有標準答案,看其他同學的代碼也是完全懵逼,哪位大神幫我指導指導
2017-02-20
源自:基于bootstrap的網頁開發 2-4
正在回答
http://www.xianlaiwan.cn/learn/826
建議去看另一個教程,可以入門,再做這個就很簡單了?鏈接在這以下是我的代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hello World</title>
<link rel="stylesheet" />
<style>
? ? div {
? ? ? ?text-align:center;
? ? }
</style>
</head>
<body>
<div>
? ? <h2>Hello World!</h2>
<button class="btn btn-primary btn-lg ">我是按鈕,按我一下</button>
</div>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
建議你翻看一下bootstrap的中文文檔,這是網站bootstrap
<link rel="stylesheet" >
<div class="container">
<div class="text-center">
<h1 class="h1">Hello World!</h1>
<button class="btn btn-primary">我是按鈕,按我一下!</button>
是利用bootstrap來寫這樣的頁面,更方便快捷的完成效果
舉報
Bootstrap框架的基礎教程,學會用Bootstrap前端框架搭建網頁
1 回答這是達到題目效果的代碼,可以參考
2 回答為什么不能像效果圖那樣呢?
1 回答js中如何控制,圖片播放完停止輪播呢
2 回答練習題答案有問題
3 回答請教老師如何修改導航條的顏色呢?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-05-16
http://www.xianlaiwan.cn/learn/826
2019-05-16
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hello World</title>
<link rel="stylesheet" />
<style>
? ? div {
? ? ? ?text-align:center;
? ? }
</style>
</head>
<body>
<div>
? ? <h2>Hello World!</h2>
<button class="btn btn-primary btn-lg ">我是按鈕,按我一下</button>
</div>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
2019-05-02
建議你翻看一下bootstrap的中文文檔,這是網站bootstrap
2019-05-02
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" >
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<title>Hello World</title>
</head>
<body>
<div class="container">
<div class="text-center">
<h1 class="h1">Hello World!</h1>
<button class="btn btn-primary">我是按鈕,按我一下!</button>
</div>
</div>
</body>
</html>
2017-02-20
是利用bootstrap來寫這樣的頁面,更方便快捷的完成效果