iT邦幫忙

bootstrap相關文章
共有 28 則文章
鐵人賽 影片教學 DAY 25

技術 金魚都能懂網頁設計入門 : Bootstrap組件入門(鐵人賽第二十五天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 滿版背景色的處理 組件類型有哪些 幻燈片的處理 追蹤 Amos...

鐵人賽 影片教學 DAY 24

技術 金魚都能懂網頁設計入門 : Bootstrap入門(鐵人賽第二十四天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 定寬容器與滿版容器 裝置尺寸代號有哪些 預設欄數是多少 預設佔欄數...

鐵人賽 Modern Web DAY 16

技術 Day16 - 加入 Bootstrap 的開發環境

終於設定好 webpack 現在開發速度可以更快速了,接下來再試著加上 Bootstrap 4 來把網頁弄好看吧 安裝 Bootstrap 可以照著官網的教學...

鐵人賽 Modern Web DAY 27

技術 Phoenix起步走:建立一個購物網站--Bootstrap

在繼續更多功能以前,我們先處理一下網站樣式。這邊會套用Bootstrap作為前端的樣板:Bootstrap是由Twitter所開發的一套前端樣式工具包,廣受後端...

鐵人賽 自我挑戰組 DAY 2

技術 Bootstrap 4 筆記 #01 快速做出Navbar導覽列

會了基礎的html和css後,再來認識Bootstrap,讓很多東西都不用再自己造輪子! Navbar導覽列 <!-- .navbar-expand-...

鐵人賽 Modern Web DAY 4

技術 Day04::Bootstrap學習心得

剛開始接觸Bootstrap的時候剛好處於3跟4版本交替的時候 3的資料才看沒多久4就出來了 文件資料有看沒有懂,知道的會用的也只有row跟col,而且還用得很...

技術 vue-cli(三)

安裝Vue-cli npm install -g vue-cli 建立vue新資料夾 vue init webpack my-project 在dist資料...

鐵人賽 Modern Web DAY 23

技術 RWD 與 ASP.NET (Web Form),採用Bootstrap

上一篇文章提到:自己存取資料庫,並且搭配前端設計師做好的HTML版面 ADO.NET與資料庫 #5 -- 客制化自己的「首頁」 http://ithelp.it...

鐵人賽 Modern Web DAY 21
CSS 實戰心法 系列 第 21

技術 Bootstrap 透過 Sass 新增自定義元件

許多人在使用 Bootstrap 時,如果有需要新增、調整,都是寫在 CSS 的後方或是另開一個新檔透過 "覆蓋" 的特性來新增、調整。先前...

鐵人賽 Modern Web DAY 19
CSS 實戰心法 系列 第 19

技術 Bootstrap 一次看懂元件的使用組合

Bootstrap 的官方文件有完整的說明以及範例,就算是如此,還是會有許多朋友希望有快速入門的介紹,本篇就來介紹絕大部分 Bootstrap 元件的組合手法,...

鐵人賽 Modern Web DAY 9

技術 工程師的救星來了!Bootstrap

工程師的救星來了!Bootstrap 你有參加過黑客松嗎?沒有的話,那你有看過黑客松最後的 demo 嗎?儘管很多黑客松其實都是假的,簡報松才是真的,但應該會有...

鐵人賽 自我挑戰組 DAY 18

技術 [DAY18]排版修飾

開始 今天我做好了網站的搜尋引擎,跟部份的頁面排版,正在做的是管理員的管理介面。 程式碼 我網頁排版是用Bootstrap套的,目前我先將區塊畫出來,也後再補色...

鐵人賽 Modern Web DAY 18
CSS 實戰心法 系列 第 18

技術 Bootstrap 元件分類概觀 (content, container)

接下來我們依循著 OOCSS 與 Bootstrap 的設計模式繼續擴資、修改元件,不過在繼續下一個階段以前,我們先來了解一下 Bootstrap 的設計模式。...

鐵人賽 Modern Web DAY 16
CSS 實戰心法 系列 第 16

技術 將 Bootstrap 導入自動化流程

先前的流程我們將 Gulp 的基礎流程已經建立起來了,現在我們要將 Bootstrap 導入自動化流程,讓接下來的客製化更為容易。 Bower 本範例是使用大...

鐵人賽 Modern Web DAY 12
網頁程式設計so easy 系列 第 12

技術 Day11 [RWD & BootStrap]

viewport 瀏覽器中用來顯示網頁的部分,稱為Viewport,使用者就是透過viewport的區域來瀏覽網頁。在電腦上可調整瀏覽器的視窗小來改變viewp...

鐵人賽 Modern Web DAY 8
CSS 實戰心法 系列 第 8

技術 CSS 框架架構參考 Bootstrap

Bootstrap 是目前我最喜歡的 CSS 框架。 雖說如此,我以往可是很討厭 Bootstrap 的,身為一名設計師希望能夠有更多自己發揮的空間,所以早期一...

技術 ASP.NET搭配RWD(Bootstrap) 快速做出動態投影片(Carousel)效果

ASP.NET搭配RWD(Bootstrap) 快速做出動態投影片(Carousel)效果 http://www.dotblogs.com.tw/mis2000...

鐵人賽 DAY 25

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#25-- 自適應使用者介面 #2

上一篇文章:MIS2000Lab.的「HTML5 從零開始」#24-- 自適應使用者介面(Adaptive User Interface)#1 http://i...

鐵人賽 DAY 25

技術 Day25 - 適者生存,會根據環境自我調整的版面設計 Responsive Design

Responsive (Web) Design,中文翻譯做 『自適響應設計』或『自適回響設計』,這看起來有點耐人尋味的名字,可是在網頁設計上有了很大的突破呢!...

鐵人賽 DAY 24

技術 Day 24 - 程式設計師的福音,網頁前端套件包 Twitter Bootstrap

經常聽到許多程式設計師在面臨要製作網頁的前端介面(User Interface)的時候,都會抱怨『我美工不好啦!』 首先,先向各位前端工程師說聲抱歉,很多人都會...

鐵人賽 DAY 12
Node.js 系列學習日誌 系列 第 12

技術 Node.js 系列學習日誌 #12 - bower 管理相依套件工具

『A package manager for the web』瀏覽器套件管理工具 一般在寫網頁時,多半會引入套件來使用,而 bower 就是用來管理相依套件工...

鐵人賽 DAY 9
Node.js 系列學習日誌 系列 第 9

技術 Node.js 系列學習日誌 #9 - 運用 express, socket.io, boostrap 建立一個簡單的聊天室功能

寫過網頁的大大們,大致上都了解 http 是一種無狀態的形式,假設頁面登進來的使用者,為了保存它的登入資訊,通常會使用 session 的觀念作為存放的物件,否...

鐵人賽 DAY 11
於是我e路向前 系列 第 11

技術 小小上班族體驗生活part5_Bootstrap

[上一篇在這]what's going on?? 除了基礎的Web framework之外,當然包裝也很重要囉!畢竟讓使用者看得舒服、顯得有質感,也是很重要的使...

鐵人賽 DAY 25
作個網站吧! 系列 第 25

技術 作個網站吧!Bootstrap使用心得

在RWD盛行的今日,除了自己手刻Code以外,還有些Framework可以幫助我更快的完成RWD頁面。 今天與明天將記錄其中兩個Framework:Bootst...

鐵人賽 DAY 27
快寫HTML靜態網頁 系列 第 24

技術 套用 Bootstrap 裡的導覽列

常會用到的導覽列,透過 Bootstrap 可快速地套用。 常在網頁上的每一頁常用的樣版裡, 會有同樣的導覽列出現, 最常用的是連結、搜尋或登入的表格以及按鍵...

鐵人賽 DAY 26
快寫HTML靜態網頁 系列 第 23

技術 為元件上色及小圖示的運用:Bootstrap

以前在HTML裡,按鍵通常只有在做表單送出時才會用到, 但用 Bootstrap 的過程中,按鍵反而成為美化網頁的好方法。 有關美工的設計或怎麼美化, 自己的...

鐵人賽 DAY 25
快寫HTML靜態網頁 系列 第 22

技術 圖與文的佈局利用 Bootstrap 完成

圖和文排在一起,沒什麼設計經驗者, 不是排得太單調,就是排得很亂, Bootstrap 把常會用到的樣式, 設計成易於套用或變化。 可能會有一堆的圖與文需要並...

鐵人賽 DAY 7
東之宿_網站開發 系列 第 7

技術 東之宿_開發日誌-8(Bootstrap 初試)

但對於一個戶頭裏的數字,是要用來繳房租和顧三餐的太陽來說,他選擇Bootstrap的原因,除了沒有人會發薪水給他,讓他練經驗外,他也沒有時間,可以從頭開始學C...