如何用Bootstrap製作輪播圖
工具/材料
Sublime Text
操作方法
首先我們需要新建一個HTML5的文檔,然後在文檔中導入Bootstrap的樣式文件,這個文件中包含了輪播圖所有的樣式定義,如下圖所示
接下來我們需要導入腳本文件,注意先導入Jquery文件,然後導入bootstrap的腳本文件,順序一定不能顛倒,如下圖所示
然後在body標籤裏定義輪播圖的容器,容器的大小需要和圖片的大小一樣,否則會出現輪播圖錯位,效果如下圖所示
接下來我們就正式的添加輪播圖了,這裏先添加三張圖,如下圖所示,注意讓哪種輪播圖顯示直接調用Bootstrap的active樣式即可
輪播圖片添加完畢以後,就可以添加輪播圖焦點了。在Bootstrap中運用li列表定義輪播圖焦點,注意焦點的數量和圖片的數量要一樣,如下圖所示
輪播圖中還有一個必不可少的元素就是左右箭頭,通過Bootstrap的carousel-control樣式添加輪播圖箭頭,如下圖所示
最後我們運行程序以後,在頁面中你就可以看到如下圖所示的輪播圖效果了。可以看到我們上面説的輪播圖焦點和左右箭頭都在頁面上顯示出來了,如下圖所示
-
PHP如何格式化日期?
在做php開發時,經常會用到日期函數,我們可以通過這個函數將日期格式化輸出顯示。日期有多種的顯示格式,這些格式在PHP裏怎麼格式化?下面一起來看下。操作方法(01)先看下我們的代碼,如圖,在php裏要獲取到當前日期,我們可以用date函數,函數的第一個參數就是格式化字符串,第...
-
在BIOS中開啟VT虛擬化以提高安卓模擬器的性能
在BIOS中開啟VT虛擬化可以較大的提高安卓模擬器的性能,現在就教教大家怎麼進行操作。操作方法(01)下載並安裝CPU-V。(02)先重啟電腦,開機後按delete鍵進入BIOS,不同的主板進入BIOS的按鍵不同(自己可以網上搜索下)。進入BIOS後,找到VirtualizationTechnology,把Disabled改...
-
微信聊天記錄怎麼備份和恢復?
我們在平時會經常使用微信來交流聊天,怎麼恢復微信刪除的記錄呢?對於大多數的重要聊天記錄,一定要及時備份,手機可以備份到本地電腦,這樣才能夠很好的保證文件不時之需,在備份保存的同時,電腦的安全也要注意,切勿把病毒殘留在電腦中。我們的微信聊天記錄被我們誤刪的情...
-
教您如何組建家庭KTV點歌系統
在現在喜歡K歌的人們已經對KTV產生了一種依賴感,一時不唱全身都不舒服,但是KTV並非自家的,並非時刻都可以盡情唱歌,並且對上節假日的時候,還需要排隊等待,因此在現在,在自家安裝家庭KTV成為一種潮流趨勢。人們雖喜歡去KTV唱歌,但是對家庭KTV組建並不瞭解,組建時經常遇到...