PIXNET Logo登入

Bug倉庫 // 程式日記

跳到主文

Bug倉庫 // 程式日記已經搬家到 https://bugswarehouse.blogspot.tw/ 了喔

部落格全站分類：數位生活

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 9月 23 週六 201711:05

  • bootstrap，滿版頁面，段落標題，強調段落，well區塊，引言


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="jumbotron">
<div class="container">
<h1>我是標題</h1>
<p>我是很多標語，鄭州發達提示信息每次只見基層我，廣西郵箱健康部落加工犯罪有很多歡迎光臨瞬間管，不了經典在這個領先觀念人數自主希望哪裡負，力度春節不錯有一種你知道。</p>
<p><a class="btn btn-primary btn-lg" href="#" role="button">詳細內容</a></p>
</div>
</div>
<div class="container">
<div class="page-header">
<h1>頁面標題<small>我是小標</small></h1>
</div>
<!-- font-size稍大一點 -->
<p class="lead">
無線章節幾次社會球員從而幹什，也能政治市政府一些什麼事，無限轉載機制格式資金此次無奈而言就業簡介房地，獨特特點前後球員都能外資數學肯定離，每月回到日常上帝商業至今發貼稱為信心害怕不。
</p>
<div class="well">
<p>指南農村金屬妹妹時刻舉報事項不禁鈴聲女人多多平靜看到灌水我也，才能左右航空檢驗循環形象，多媒體坐在沒人舉行給我們鈴聲下載於，增長不論多少想要團隊依然，邀請突然有點手續各個戰爭使得地方加上人大常委會理由學，維持方便江蘇解壓密碼很大上來不足優惠，當地商機緊急刷新發展消失大多數天地說，早已傷害邀請人民政府看見承諾，溫暖裝飾相機大哥那麼不願意反應精靈品種經理女子加油這款經。</p>
</div>
<blockquote>
<p>畢業篇文章人民政府決策個性安徽知道研，一套博士激動深圳陷入翻譯再說諾，幻想角色豪華查詢監控我去以上投票廣告，他們的一下宣傳共享版白色保密。</p>
<footer>
出自
<cite title="是誰">無敵鐵金剛</cite>
</footer>
</blockquote>
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(1,087)

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201711:05

  • bootstrap，滿版頁面，段落標題，強調段落，well區塊，引言


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="jumbotron">
<div class="container">
<h1>我是標題</h1>
<p>我是很多標語，鄭州發達提示信息每次只見基層我，廣西郵箱健康部落加工犯罪有很多歡迎光臨瞬間管，不了經典在這個領先觀念人數自主希望哪裡負，力度春節不錯有一種你知道。</p>
<p><a class="btn btn-primary btn-lg" href="#" role="button">詳細內容</a></p>
</div>
</div>
<div class="container">
<div class="page-header">
<h1>頁面標題<small>我是小標</small></h1>
</div>
<!-- font-size稍大一點 -->
<p class="lead">
無線章節幾次社會球員從而幹什，也能政治市政府一些什麼事，無限轉載機制格式資金此次無奈而言就業簡介房地，獨特特點前後球員都能外資數學肯定離，每月回到日常上帝商業至今發貼稱為信心害怕不。
</p>
<div class="well">
<p>指南農村金屬妹妹時刻舉報事項不禁鈴聲女人多多平靜看到灌水我也，才能左右航空檢驗循環形象，多媒體坐在沒人舉行給我們鈴聲下載於，增長不論多少想要團隊依然，邀請突然有點手續各個戰爭使得地方加上人大常委會理由學，維持方便江蘇解壓密碼很大上來不足優惠，當地商機緊急刷新發展消失大多數天地說，早已傷害邀請人民政府看見承諾，溫暖裝飾相機大哥那麼不願意反應精靈品種經理女子加油這款經。</p>
</div>
<blockquote>
<p>畢業篇文章人民政府決策個性安徽知道研，一套博士激動深圳陷入翻譯再說諾，幻想角色豪華查詢監控我去以上投票廣告，他們的一下宣傳共享版白色保密。</p>
<footer>
出自
<cite title="是誰">無敵鐵金剛</cite>
</footer>
</blockquote>
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201710:57

  • bootstrap表格，tr條紋相間，td縮小padding


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- 讓td的padding變小，表格tr背景色條紋相間 -->
<table class="table table-hover table-condensed table-striped">
<caption>我是表格標題</caption>
<thead>
<tr>
<th>表格標題</th>
<th>表格標題</th>
<th>表格標題</th>
</tr>
</thead>
<tbody>
<tr>
<td>資料</td>
<td>資料</td>
<td>資料</td>
</tr>
<tr>
<td>資料</td>
<td>資料</td>
<td>資料</td>
</tr>
<tr>
<td>資料</td>
<td>資料</td>
<td>資料</td>
</tr>
<tr>
<td>資料</td>
<td>資料</td>
<td>資料</td>
</tr>
</tbody>
</table>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(422)

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201710:57

  • bootstrap表格，tr條紋相間，td縮小padding


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- 讓td的padding變小，表格tr背景色條紋相間 -->
<table class="table table-hover table-condensed table-striped">
<caption>我是表格標題</caption>
<thead>
<tr>
<th>表格標題</th>
<th>表格標題</th>
<th>表格標題</th>
</tr>
</thead>
<tbody>
<tr>
<td>資料</td>
<td>資料</td>
<td>資料</td>
</tr>
<tr>
<td>資料</td>
<td>資料</td>
<td>資料</td>
</tr>
<tr>
<td>資料</td>
<td>資料</td>
<td>資料</td>
</tr>
<tr>
<td>資料</td>
<td>資料</td>
<td>資料</td>
</tr>
</tbody>
</table>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201710:49

  • bootstrap，項目區塊（有大標與小標），上一頁下一頁按鈕，頁碼設計


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="list-group">
<a href="#" class="list-group-item active">
<h4 class="list-group-item-heading">標題</h4>
<p class="list-group-item-text">內容文字</p>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">標題</h4>
<p class="list-group-item-text">內容文字</p>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">標題</h4>
<p class="list-group-item-text">內容文字</p>
</a>
</div>
<ul class="pager">
<li class="previous"><a href="#">&larr; 上一頁</a></li>
<li class="next"><a href="#">下一頁 &rarr;</a></li>
</ul>
<ul class="pagination">
<li><a href="#">&laquo;</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li class="active"><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">&raquo;</a></li>
</ul>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(818)

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201710:49

  • bootstrap，項目區塊（有大標與小標），上一頁下一頁按鈕，頁碼設計


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="list-group">
<a href="#" class="list-group-item active">
<h4 class="list-group-item-heading">標題</h4>
<p class="list-group-item-text">內容文字</p>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">標題</h4>
<p class="list-group-item-text">內容文字</p>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">標題</h4>
<p class="list-group-item-text">內容文字</p>
</a>
</div>
<ul class="pager">
<li class="previous"><a href="#">&larr; 上一頁</a></li>
<li class="next"><a href="#">下一頁 &rarr;</a></li>
</ul>
<ul class="pagination">
<li><a href="#">&laquo;</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li class="active"><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">&raquo;</a></li>
</ul>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201710:42

  • bootstrap，麵包屑


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<ol class="breadcrumb">
<li>
<a href="#">首頁</a>
</li>
<li>
<a href="#">最新消息</a>
</li>
<li class="active">文章標題</li>
</ol>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(190)

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201710:42

  • bootstrap，麵包屑


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<ol class="breadcrumb">
<li>
<a href="#">首頁</a>
</li>
<li>
<a href="#">最新消息</a>
</li>
<li class="active">文章標題</li>
</ol>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201710:37

  • bootstrap，下拉式選單的小標與分隔線


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- 下margin 顏色黑色 -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<!-- 上下左右都有padding -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle='collapse' data-target='.navbar-ex1-collapse'>
<!-- 那個點很重要 -->
<span class="sr-only">選單切換</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">網站標題</a>
</div>
<!-- 刪除預設padding margin -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">目前頁面</a></li>
<li><a href="#">其他頁面</a></li>
<li><a href="#">其他頁面</a></li>
<li><a href="#">其他頁面</a></li>
</ul>
<!--上下margin左右padding / 被float right推過去 -->
<form class="navbar-form navbar-left" role="search">
<!-- 使用inline-block -->
<div class="form-group">
<!-- 文字欄位 -->
<input type="text" class="form-control" placeholder="請輸入關鍵字">
</div>
<!-- 顏色白色 -->
<button type="submit" class="btn btn-default">搜尋</button>
</form>
<!-- 被float right推過去 -->
<ul class="nav navbar-nav navbar-right">
<li><a href="#">會員 您好</a></li>
<li><a href="#">登出</a></li>
<li><a href="#">個人設定</a></li>
<!-- li裡面還有ul !!! -->
<!-- 按下後，增加class open -->
<li class="dropdown ">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">繁體中文 <b class="caret"></b></a>
<ul class="dropdown-menu dropdown-menu-right">
<li class="dropdown-header">亞洲</li>
<li><a href="#">繁體中文</a></li>
<li><a href="#">日本語</a></li>
<li class="divider"></li>
<li class="dropdown-header">美洲</li>
<li><a href="#">English</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(711)

  • 個人分類：Bootstrap
▲top
  • 9月 23 週六 201710:37

  • bootstrap，下拉式選單的小標與分隔線


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- 下margin 顏色黑色 -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<!-- 上下左右都有padding -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle='collapse' data-target='.navbar-ex1-collapse'>
<!-- 那個點很重要 -->
<span class="sr-only">選單切換</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">網站標題</a>
</div>
<!-- 刪除預設padding margin -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">目前頁面</a></li>
<li><a href="#">其他頁面</a></li>
<li><a href="#">其他頁面</a></li>
<li><a href="#">其他頁面</a></li>
</ul>
<!--上下margin左右padding / 被float right推過去 -->
<form class="navbar-form navbar-left" role="search">
<!-- 使用inline-block -->
<div class="form-group">
<!-- 文字欄位 -->
<input type="text" class="form-control" placeholder="請輸入關鍵字">
</div>
<!-- 顏色白色 -->
<button type="submit" class="btn btn-default">搜尋</button>
</form>
<!-- 被float right推過去 -->
<ul class="nav navbar-nav navbar-right">
<li><a href="#">會員 您好</a></li>
<li><a href="#">登出</a></li>
<li><a href="#">個人設定</a></li>
<!-- li裡面還有ul !!! -->
<!-- 按下後，增加class open -->
<li class="dropdown ">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">繁體中文 <b class="caret"></b></a>
<ul class="dropdown-menu dropdown-menu-right">
<li class="dropdown-header">亞洲</li>
<li><a href="#">繁體中文</a></li>
<li><a href="#">日本語</a></li>
<li class="divider"></li>
<li class="dropdown-header">美洲</li>
<li><a href="#">English</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
(繼續閱讀...)
文章標籤

Jerry 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：Bootstrap
▲top
«1...891037»

文章搜尋

文章搜尋

文章分類

toggle 伺服器架設 (1)
  • AWS (2)
toggle 伺服器架設 (1)
  • AWS (2)
toggle 前端框架 (2)
  • Vue.js (26)
  • Angular.js (2)
toggle 前端框架 (2)
  • Vue.js (26)
  • Angular.js (2)
toggle HTML與開發工具 (2)
  • HTML (2)
  • 開發工具相關 (8)
toggle HTML與開發工具 (2)
  • HTML (2)
  • 開發工具相關 (8)
toggle CSS與framework (4)
  • CSS (9)
  • Bootstrap (26)
  • CSS插件 (1)
  • CSS工具 (3)
toggle CSS與framework (4)
  • CSS (9)
  • Bootstrap (26)
  • CSS插件 (1)
  • CSS工具 (3)
toggle JS與函式庫 (3)
  • js套件 (1)
  • jQuery (28)
  • Javascript (46)
toggle JS與函式庫 (3)
  • js套件 (1)
  • jQuery (28)
  • Javascript (46)
toggle 後端框架 (1)
  • Laravel (26)
toggle 後端框架 (1)
  • Laravel (26)
  • 自學資源 (1)
  • 自學資源 (1)
  • 未分類文章 (1)

文章分類

toggle 伺服器架設 (1)
  • AWS (2)
toggle 伺服器架設 (1)
  • AWS (2)
toggle 前端框架 (2)
  • Vue.js (26)
  • Angular.js (2)
toggle 前端框架 (2)
  • Vue.js (26)
  • Angular.js (2)
toggle HTML與開發工具 (2)
  • HTML (2)
  • 開發工具相關 (8)
toggle HTML與開發工具 (2)
  • HTML (2)
  • 開發工具相關 (8)
toggle CSS與framework (4)
  • CSS (9)
  • Bootstrap (26)
  • CSS插件 (1)
  • CSS工具 (3)
toggle CSS與framework (4)
  • CSS (9)
  • Bootstrap (26)
  • CSS插件 (1)
  • CSS工具 (3)
toggle JS與函式庫 (3)
  • js套件 (1)
  • jQuery (28)
  • Javascript (46)
toggle JS與函式庫 (3)
  • js套件 (1)
  • jQuery (28)
  • Javascript (46)
toggle 後端框架 (1)
  • Laravel (26)
toggle 後端框架 (1)
  • Laravel (26)
  • 自學資源 (1)
  • 自學資源 (1)
  • 未分類文章 (1)

最新文章

  • 部落格搬家囉！ 網址：https://bugswarehouse.blogspot.tw/
  • 部落格搬家囉！ 網址：https://bugswarehouse.blogspot.tw/
  • 用vue寫出：有頁碼表格，可排序，搜尋，限制出現之資料
  • 用vue寫出：有頁碼表格，可排序，搜尋，限制出現之資料
  • 使用laravel內建的vue componet
  • 使用laravel內建的vue componet
  • Vuetify
  • Vuetify
  • VS code安裝後相關
  • VS code安裝後相關

最新文章

  • 部落格搬家囉！ 網址：https://bugswarehouse.blogspot.tw/
  • 部落格搬家囉！ 網址：https://bugswarehouse.blogspot.tw/
  • 用vue寫出：有頁碼表格，可排序，搜尋，限制出現之資料
  • 用vue寫出：有頁碼表格，可排序，搜尋，限制出現之資料
  • 使用laravel內建的vue componet
  • 使用laravel內建的vue componet
  • Vuetify
  • Vuetify
  • VS code安裝後相關
  • VS code安裝後相關

個人資訊

Jerry
暱稱：
Jerry
分類：
數位生活
好友：
累積中
地區：

個人資訊

Jerry
暱稱：
Jerry
分類：
數位生活
好友：
累積中
地區：

文章精選

文章精選

熱門文章

  • (1,572)用vue寫購物車（小計、總計、數量計算）
  • (474)用js寫一個時鐘，用Date物件
  • (388)Autoprefixer CSS 自動加前綴工具（以符合各瀏覽器）
  • (44)過濾器，排列方式依據名稱字首，1與-1切換升冪與降冪
  • (43)createElement、createTextNode、appendChild，動態新增元素組合技
  • (13)Laravel，view視圖
  • (9)面試會考：寫出5的倍數的乘法表
  • (7)childNode和nodeValue，我的html是一棵樹，啊哩啊紮都是節點
  • (7)counter-increment與counter-rest，文章分段可用
  • (3)on綁定傳入四個參數，事件物件的type和data.自定義

熱門文章

  • (1,572)用vue寫購物車（小計、總計、數量計算）
  • (474)用js寫一個時鐘，用Date物件
  • (388)Autoprefixer CSS 自動加前綴工具（以符合各瀏覽器）
  • (44)過濾器，排列方式依據名稱字首，1與-1切換升冪與降冪
  • (43)createElement、createTextNode、appendChild，動態新增元素組合技
  • (13)Laravel，view視圖
  • (9)面試會考：寫出5的倍數的乘法表
  • (7)childNode和nodeValue，我的html是一棵樹，啊哩啊紮都是節點
  • (7)counter-increment與counter-rest，文章分段可用
  • (3)on綁定傳入四個參數，事件物件的type和data.自定義

最新留言

    最新留言

      動態訂閱

      動態訂閱

      誰來我家

      誰來我家

      參觀人氣

      • 本日人氣：
      • 累積人氣：

      參觀人氣

      • 本日人氣：
      • 累積人氣：