by vivid
27. 十月 2021 03:17
.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...
[更多...]
by vivid
12. 七月 2017 11:27
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N170718501 出刊日期: 2017/7/12 本文將介紹如何在MVC 5的專案之中,整合Bootstrap的對話盒,設計資料新增功能,利用Entity Framework Code First技術自動建立資料庫,存取資料庫資料。如此不需要自己撰寫複雜的AJAX程式碼來更新網頁部分頁面。 建立範例專案 為了方便說明,我們先使用Visual Studio 2015來建立MVC 5的網站,從「File」-「New」-「Project」,在「Ne...
[更多...]
by vivid
21. 十月 2015 05:13
.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佈景主題 ...
[更多...]
by vivid
7. 十月 2015 11:21
.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可以用來將網頁中相關的東西打包在一起,可以有標題或表尾來呈現區塊的內容。一個網頁裏頭,可以使用多...
[更多...]
by vivid
23. 九月 2015 10:01
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N150916302 出刊日期:2015/09/23 開發工具:Visual Studio 2013 Ultimate Update 4 版本:bootstrap 3.3.4 在這一篇文章中,我們將介紹在Bootstrap中的Tabs、Toolbar與Navbar三種設計UI的元件。 Tabs分頁 當網頁中的資訊非常多時,網頁看起來很複雜,我們可以利用Tabs(分頁)將相關的資料分組到不同分頁,一次只顯示一個分頁的內容,使用者可以利用分頁標籤來切換到不...
[更多...]
by vivid
9. 九月 2015 09:45
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N150916301 出刊日期:2015/09/09 開發工具:Visual Studio 2013 Ultimate Update 4 版本:bootstrap 3.3.4 在這一篇文章中,我們將介紹在Bootstrap中,圖片(Image)、表格(Table)與下拉式清單方塊(Dropdown)的樣式設定。 圖片 在網頁之中,我們經常使用圖片來呈現內容,一張設計良好的圖片可以抵得上千言萬語。以下的網頁程式碼,使用<img>標籤來顯示一張...
[更多...]
by vivid
26. 八月 2015 05:25
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N150816202 出刊日期:2015/08/26 開發工具:Visual Studio 2013 Ultimate Update 4 版本:bootstrap 3.3.4 在這一篇文章中,我們將介紹在Bootstrap中,針對HTML<ol>與<ul>清單,與按鈕的常用樣式。 清單樣式 在HTML之中,可以使用<ul>(無序清單)與<ol>(有序清單)標籤來顯示清單內容。Bootstrap為它們重新設...
[更多...]
by vivid
12. 八月 2015 00:40
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N150816201 出刊日期:2015/08/12 開發工具:Visual Studio 2013 Ultimate Update 4 版本:bootstrap 3.3.4 Bootstrap定義許多的樣式,協助我們美化網頁中HTML標籤內顯示的文字。在這一篇文章中,我們將介紹一些常用的HTML標籤適用的Bootstrap樣式,以及針對標籤中的文字前景、背景、對齊方向的預設樣式。 <h1>~<h6>文字樣式 H...
[更多...]
by vivid
29. 七月 2015 04:42
.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的版...
[更多...]
by vivid
15. 七月 2015 00:41
.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套件來設計響應式網頁,...
[更多...]