我剛剛解釋的聽起來不錯...但是 Bootstrap 如何知道我是在手機螢幕上還是在電腦螢幕上? Bootstrap網格系統分為六種尺寸,並附有各自的前綴。它們由螢幕像素大小分隔:
按鈕
按鈕是網站最重要的元素之一。,並給出了使按鈕盡可能可用的技巧。
Bootstrap 對這些技巧的實作有很大幫助,因為預設情況下它為您提供了根 澳洲 Telegram 用戶手機號碼列表 據任務和狀態建立不同按鈕的類別:
語意按鈕:顏色具有意義的按鈕。紅色表示警惕,黃色表示謹慎等。
輪廓按鈕:非常適合輔助操作。
具有狀態的按鈕:已啟用、已停用等。
按鈕尺寸:大、小、塊等。
所有這些類別也是可新增的,因此您可以新增狀態,直到您獲得可能需要的最終按鈕。例如,對於大輪廓警報按鈕,樣式可以是:
顏色
Bootstrap 不僅專注於回應效能,也改善頁面的整體使用者體驗。一個例子是它還包含用於添加顏色的類,這些顏色提供「透過顏色表達含義」。這些類別可以添加到文字、按鈕和警報訊息中。
Bootstrap 中的顏色和類別
例如,文本的類別是:
對於其他元件或元素,您只需將文字前綴變更為新元件的文字前綴。例如:.btn
我可以擴展並解釋表格、滑桿、表單元件……但誰能比你的經驗和你一直以來的需求更好地向你解釋它。請記住,官方網站上有大量文件以及一些用於開始設計的範例。
而你,你是否使用這個或另一個框架,或者你喜歡從頭開始做一切?在評論中告訴我們。
Facebook電子郵件領英WhatsAppx
建立網上商店行銷訊息
埃迪·維埃託的頭像
埃迪·維埃托
目前專注於網頁設計和使用者體驗,但始終警惕新的挑戰和機遇,這使我能夠學習和發展我的批判精神。我在平面設計、編輯、企業形象、影片和動畫方面擁有 10 年的經驗,使我成為一名富有創造力的多學科設計師。