BootStrap 陌生 》熟悉 》驚喜

2021-12-29 22:04:43 字數 2828 閱讀 2183

最近一直在寫頁面,上週真的是寫完乙個又乙個的頁面。通過寫這些頁面,也是接觸到了bootstrap中很多的常用外掛程式,類似我們之前所說的控制項。下面就來看看bootstrap中會給我們帶來哪些眼前一亮的外掛程式。

本篇部落格將介紹下拉列表、列表、單選按鈕、tab切換和tiles案例(win8頁面)五種。【具體介紹】

**************************bootstrap下拉列表(dropdowns)***************************

下拉列表(dropdown)

**************************bootstrap列表(list)***************************

玫瑰金顏色:  

less:@listtwo-margin-top: 100px;

@listthree-margin-top: 200px;

ul li.list-group-item

&.fonttwo

&.fontthree

}**************************bootstrap單選按鈕(radio)***************************

選項 1

選項 2 - 選擇它將會取消選擇選項 1

位置: 

lenovo

less:.position

.radio

&.leftbottom

&.rightbottom }}

另外,自己還發現了乙個**,可以對單選和複選按鈕進行美化,各種樣式應有盡有。鏈結位址:file:///h:/icheck-1.x/demo/index.html#skin-square(不能直接新增超連結,大家可以貼上到瀏覽器看看)**************************bootstrap標籤頁(tab)***************************

其實,這是我看見的乙個案例,bootstrap如何實現win8開始頁面。鏈結位址**************************bootstrap metro ui css ***************************

1 tb 5400轉

-¥500

1 tb 5400轉 -¥500

less:

//win8 tile元件選中狀態設定

.tile.selected

}.tile.selected:after

.tile.selected:before

【專案收穫】陌生bootstrap雖然沒有接觸過,在剛來的時候,也不記得要去用它。組長就提醒我,xx地方可以直接用bootstrap的樣式。熟悉到現在,做的多了,在想怎麼去實現之前,都會去查查bootstrap中有沒有可以滿足我的。再後來,bootstrap原本的一些樣式滿足不了我的需求,就會去找找其他的經過美化後的樣式。驚喜五一兩天,回去看了本書,竟驚喜的發現,bootstrap又乙個很炫酷的東西,我們可以在它的基礎上直接實現win8系統介面。就這樣,一點點前進中......

愛情格調簽名發布 最初,最終,陌生,熟悉,再陌生

錢可以花玩,但兄弟做不完,不要為了微微幾個錢而失了兄弟。你都不曾說要看看我,你也不曾問問我我並不好,不快樂,這不是我想要的。記憶的流沙 哭花了少女的妝容 為你難過而快樂的,叫敵人。為你快樂而快樂的,叫朋友。為你難過而難過的,就是那些應該放心裡的人。qq個性簽名 我是如此的幸運,在茫茫人海與你相遇。衣...

Git 從陌生到熟悉

git,是乙個最先進的分布式版本控制系統。目前還在學習中,會持續更新本文 以下的圖很直觀的展示出來git的工作流程 一 總結了幾個常用的術語 1 倉庫 repository 簡單理解為能被git管理起來的乙個目錄,目錄下每個檔案修改 刪除都能被跟蹤。2 工作空間 workspace 簡單理解為目前在...

陌生又熟悉的HTTP協議

一.http是什麼?1.http協議 hypertext transfer protocol,超文字傳輸協議 2.網際網路上應用最為廣泛的一種網路傳輸協議,用於從全球資訊網伺服器傳輸超文字到本地瀏覽器的傳輸協議,所有的www檔案必須遵守這個標準,3.http是乙個基於tcp ip通訊協議來傳遞資料 ...