.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N211023002 出刊日期： 2021/10/27 本篇文章將要介紹如何透過Vue CLI 4.5.x版來快速的建立一個Vue 3專案，整合Bootstrap 5來設計網頁樣式，並介紹如何將一些常用的Bootstrap元件，例如「Navbar」、「Collapse」、「Popovers」整合到專案之中。 使用Vue CLI建立專案 Vue CLI是命令列介面（Command Line Interface）的縮寫，提供一個完整的開發環境讓你能夠更容易撰寫Vue... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N170718501 出刊日期： 2017/7/12 本文將介紹如何在MVC 5的專案之中，整合Bootstrap的對話盒，設計資料新增功能，利用Entity Framework Code First技術自動建立資料庫，存取資料庫資料。如此不需要自己撰寫複雜的AJAX程式碼來更新網頁部分頁面。   建立範例專案 為了方便說明，我們先使用Visual Studio 2015來建立MVC 5的網站，從「File」-「New」-「Project」，在「Ne... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N151016402 出刊日期：2015/10/21 開發工具：Visual Studio 2013 Ultimate Update 4 版本：bootstrap 3.3.4、Nodejs v0.12.7、Grunt 在這一篇文章中，我們將介紹如何客製化Bootstrap，最簡單的方式，可以選擇使用現成、免費的Bootstrap樣式，來美化自己的網站，或者，採用進階版，利用LESS來進行客製化的動作。   使用預設Bootstrap佈景主題 ... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N151016401 出刊日期：2015/10/07 開發工具：Visual Studio 2013 Ultimate Update 4 版本：bootstrap 3.3.4 在這一篇文章中，我們將介紹在Bootstrap中的常用元件，包含Panel、Well、Progress Bar、Tooltip、Popover與Dialog等。 Panel Panel可以用來將網頁中相關的東西打包在一起，可以有標題或表尾來呈現區塊的內容。一個網頁裏頭，可以使用多... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N150916302 出刊日期：2015/09/23 開發工具：Visual Studio 2013 Ultimate Update 4 版本：bootstrap 3.3.4 在這一篇文章中，我們將介紹在Bootstrap中的Tabs、Toolbar與Navbar三種設計UI的元件。 Tabs分頁 當網頁中的資訊非常多時，網頁看起來很複雜，我們可以利用Tabs（分頁）將相關的資料分組到不同分頁，一次只顯示一個分頁的內容，使用者可以利用分頁標籤來切換到不... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N150916301 出刊日期：2015/09/09 開發工具：Visual Studio 2013 Ultimate Update 4 版本：bootstrap 3.3.4 在這一篇文章中，我們將介紹在Bootstrap中，圖片（Image）、表格（Table）與下拉式清單方塊（Dropdown）的樣式設定。 圖片 在網頁之中，我們經常使用圖片來呈現內容，一張設計良好的圖片可以抵得上千言萬語。以下的網頁程式碼，使用<img>標籤來顯示一張... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N150816202 出刊日期：2015/08/26 開發工具：Visual Studio 2013 Ultimate Update 4 版本：bootstrap 3.3.4 在這一篇文章中，我們將介紹在Bootstrap中，針對HTML<ol>與<ul>清單，與按鈕的常用樣式。 清單樣式 在HTML之中，可以使用<ul>（無序清單）與<ol>（有序清單）標籤來顯示清單內容。Bootstrap為它們重新設... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N150816201 出刊日期：2015/08/12 開發工具：Visual Studio 2013 Ultimate Update 4 版本：bootstrap 3.3.4 Bootstrap定義許多的樣式，協助我們美化網頁中HTML標籤內顯示的文字。在這一篇文章中，我們將介紹一些常用的HTML標籤適用的Bootstrap樣式，以及針對標籤中的文字前景、背景、對齊方向的預設樣式。   <h1>~<h6>文字樣式 H... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N150716103 出刊日期：2015/07/29 開發工具：Visual Studio 2013 Ultimate Update 4 版本：.NET Framework 4.5.x、ASP.NET Web Forms、bootstrap 3.3.4 在《響應式網頁設計-Bootstrap for ASP.NET WebForms》文章之中，介紹了使用Bootstrap的Grid系統來進行版面設計的動作，在這篇文章之中，我們再來聊聊Bootstrap的版... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N150716102 出刊日期：2015/07/15 開發工具：Visual Studio 2013 Ultimate Update 4 版本：.NET Framework 4.5.x、ASP.NET Web Forms、bootstrap 3.3.4 在《響應式網頁設計-Bootstrap for ASP.NET WebForms》這篇文章之中，我們簡介了如何在ASP.NET Web Form網站內加入Bootstrap套件來設計響應式網頁，... [更多...]