iT邦幫忙

bootstrap相關文章
共有 155 則文章
鐵人賽 自我挑戰組 DAY 2

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

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 開發技術 DAY 9
Node.js 系列學習日誌 系列 第 9

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 7

技術 【Day7】Bootstrap選單看不懂?其實沒你看的那麼難

接下來我們,來完成頂部的選單(bootstrap選單官方教學link)。 我們先來看看完成圖吧: 手機版 電腦版 基本選單製作 好,我們首先把已經html學...

技術 讓我們站在巨人的肩膀上,如何在專案中導入 Bootstrap 4 並客製它

程式設計的世界有一句俗話叫做,不要重複造輪子,意思就是說,別人已經寫好了的程式,就不要再自己重複寫了,除非是想要練習,想要了解原理,讓自己將來也有機會為別人造...

鐵人賽 Modern Web DAY 4

技術 Day04::Bootstrap學習心得

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

鐵人賽 自我挑戰組 DAY 26

技術 [DAY26]番外篇-用Javascript在SPA中實做Bootstrap Modal

大家好,前幾天實做中有用到Bootstrap UI的Modal(彈出互動視窗)元件,因應這幾年使用者越來越注重UI的精緻程度,所以應用在開發上也會常來取代瀏覽器...

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

技術 套用 Bootstrap 裡的導覽列

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

鐵人賽 Modern Web DAY 16

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

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

鐵人賽 開發技術 DAY 12
Node.js 系列學習日誌 系列 第 12

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

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

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

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

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

鐵人賽 影片教學 DAY 1

達標好文 技術 Bootstrap5 快速簡介-金魚都能懂的Bootstrap5網頁框架開發

Bootstrap已是目前全球被大量網頁開發者使用的一個網頁UI框架了,其特色在於使用簡單,開發快速,自訂化功能彈性簡單,不管是前端開發或是後端介面,都是非常適...

技術 Bootstrap 4 學習筆記_02(Bootstrap 4欄間距寬度和自訂容器)

簡介 在Bootstrap Grid System是由Row和Column來架構頁面class的結構依序: .container/.container-flui...

技術 【網頁設計 入門 】如何使用 Bootstrap 與 Github Pages 製作 個人網站 ?

簡單架設 x 不失質感 目錄 源起 : 開發者網站 開發工具 : Adobe Brackets 基礎的 html 與 css 語法 Bootstrap 前...

技術 vue-cli(三)

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

鐵人賽 Modern Web DAY 27

技術 第27車廂-關於訊息視窗:bootstrap5Model應用篇

本篇介紹Bootstrap5 UI的Modal(彈出互動視窗)呼叫方式 起手式 <link href="https://cdn.jsde...

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

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

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

鐵人賽 自我挑戰組 DAY 2

技術 第 2 集:認識 Bootstrap 5 世界

此篇會分享 Bootstrap 5 環境設置,示範 VSCode、CodePen 兩種不同環境的設置方法。 Bootstrap Bootstrap 原名 Twi...

技術 Bootstrap-頁籤

1.上一次是導覽樣式部分,這次為頁籤。在官網的範例測試了一下,將不必要的屬性刪掉,發現上次的導覽樣式只要在a加入data-toggle="tab&qu...

鐵人賽 開發技術 DAY 25
作個網站吧! 系列 第 25

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

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

技術 [ASP.Net MVC] 如何套用 Bootstrap 網頁設計樣版 SB Admin 2 開發網站管理介面 (附範例)

想要快速開發一個 Bootstrap 網頁設計樣版的網站,可以利用網路上已經設計好的網頁樣版下載套用在自己的網站。Bootstrap 提供非常好用的前端設計框架...

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

技術 Day11 [RWD & BootStrap]

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

徵才 《大數據智能服務》高級/資深前端開發工程師 (Front-end Developer) 代招

各位資訊界的能人大家好,以下職缺如有意願者或有朋友可介紹,歡迎聯繫我~★【公司主力發展為全台過半數AI智能客服專案】★mail:lisay@jbjob.com....

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

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

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

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

技術 CSS 框架架構參考 Bootstrap

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

鐵人賽 Modern Web DAY 16

技術 第16車廂-提示我一下嘛!bootstrap-tooltip應用篇

昨篇已介紹data-*基本介紹,這篇介紹data於bootstrap上的使用 關於提示框,其實工作上真的會用到,但以前都用手刻,沒仔細看bootstrap居...

鐵人賽 開發技術 DAY 25

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

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

鐵人賽 影片教學 DAY 24

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

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

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

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