iT邦幫忙

bootstrap相關文章
共有 40 則文章

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

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

技術 [鼠年全馬鐵人挑戰] Day 3-網頁排版筆記: 一份完整的作品所需要的元素

在練習與找工作中遇到卡關了。沈寂了一些時間,再度回來了。 一份完整的作品集,所需的元素,不外乎 UX/UI 使用者體驗/介面,還包含了許多技術面 HTML5...

技術 Bootstrap-Grid system 網格系統1

1.row的bootstrap的程式碼如下 .row { display: -ms-flexbox; display: flex; -ms-flex...

技術 Bootstrap-容器置中

1.在學切版container也學過margin上下0左右auto,再設容器的寬度。 2.在bootstrap.css的container與container-...

技術 Bootstrap-頁籤

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

技術 Bootstrap-導覽樣式

有點時間來做做看頁籤樣式部分,Bootstrap真的蠻屌的。 其實會一點切版不過對rwd不熟。 但是bootstrap都已經寫好了很多東西,蠻傻眼就玩玩看。 有...

鐵人賽 Modern Web

技術 Day22. 部落格實作 (一)

在之前,我們透過了Contentful提供的starter,快速的幫我們完成了"架好部落格"這件事。 然而卻讓我們有點知其然而不知其所以然。...

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

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

鐵人賽 Modern Web DAY 28

技術 Day 28 - React And BootStrap 卡片式資訊 Card

Day 27 - React And BootStrap 動態橫幅廣告 Carousel 上一章做了橫幅廣告 現在加入卡片式資訊, 我們一樣使用Reactstr...

鐵人賽 Modern Web DAY 27

技術 Day 27 - React And BootStrap 動態橫幅廣告 Carousel

上一章 Day 26 - React Router And Link 在做前端頁面時, 許多人都使用Bootstrap 簡單易用, 大大的加快了開發速度 而它也...

鐵人賽 自我挑戰組 DAY 18

技術 Day18 jQuery+ajax接OpenData feat化妝師Bootstrap

今天算是番外篇,看到邦友-八八這篇文章開始串資料:電動機車充電站,就想結合一下之前學到的jQuery+ajax接OpenData,搭配bootstrap做成動態...

鐵人賽 Modern Web DAY 20

技術 [特別篇][日記]學會它,開發更簡單!(1)

超緊繃!30天Vue.js學習日記 學會它,開發更簡單!(1) 大家好,今天我們要介紹的不是Vue,而是我在學習Vue時很常搭配的前端框架-Bootstrap...

鐵人賽 影片教學 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...