使用MVC整合Bootstrap對話盒新增資料 - 1

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... [更多...]

Bootstrap客製化

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佈景主題 ... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | Bootstrap | Responsive Web Design | 許薰尹Vivid Hsu

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可以用來將網頁中相關的東西打包在一起,可以有標題或表尾來呈現區塊的內容。一個網頁裏頭,可以使用多... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | Bootstrap | 許薰尹Vivid Hsu

Bootstrap-Tabs、Toolbar與導覽功能

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(分頁)將相關的資料分組到不同分頁,一次只顯示一個分頁的內容,使用者可以利用分頁標籤來切換到不... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | Bootstrap | 許薰尹Vivid Hsu

Bootstrap- Image、Table與Dropdown

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>標籤來顯示一張... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | Bootstrap | 許薰尹Vivid Hsu

Bootstrap- HTML清單與按鈕樣式

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為它們重新設... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | Bootstrap | 許薰尹Vivid Hsu

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... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | Bootstrap | 許薰尹Vivid Hsu

整合ASP.NET Web Forms與Bootstrap(2) – 版面配置

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的版... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | ASP.NET | Bootstrap | 許薰尹Vivid Hsu

整合ASP.NET Web Forms與Bootstrap -1

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套件來設計響應式網頁,... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | ASP.NET | Bootstrap | 許薰尹Vivid Hsu

Bootstrap 3:表單

by vivid 25. 三月 2015 13:26
.NET Magazine國際中文電子雜誌 作 者:高光弘 審 稿:張智凱 文章編號:N150315802 出刊日期:2015/3/25 開發工具:Visual Studio 2013 Ultimate Update 4 版本:.NET Framework 4.5.5x 在網頁上讓使用者可以輸入資料的方式,最主要的方式是利用表單<form>。無論是登入帳號、查詢關鍵字…等,都需要使用到表單。Bootstrap對於表單的部分,除了提供美化的樣式表,同樣地也支援的響應式的網頁瀏覽。Bootstrap的表單依照排列方式,共有三種類型:... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | Bootstrap | 高光弘 Ray Kao

NET Magazine國際中文電子雜誌

NET Magazine國際中文電子版雜誌,由恆逸資訊創立於2000,自發刊日起迄今已發行超過500篇.NET相關技術文章,擁有超過40000名註冊讀者群。NET Magazine國際中文電子版雜誌希望藉於電子雜誌與NET Developer達到共同學習與技術新知分享,歡迎每一位對.NET 技術有興趣的朋友們多多支持本雜誌,讓作者群們可以有持續性的動力繼續爬文。<請加入免費訂閱>

月分類Month List