首頁 >web前端 >Bootstrap教程 >bootstrap元件怎麼使用方法

bootstrap元件怎麼使用方法

angryTom
angryTom原創
2019-08-01 15:20:515095瀏覽

bootstrap元件怎麼使用方法

bootstrap是一個前端開發框架,使用其進行網路開發可以使得我們的工作變的簡單。它具有簡潔、直覺、強悍的特點,深受廣大朋友的喜愛。在bootstrap中,有很多的元件,我們具體應該如何使用他們呢?接下來,小編來跟大家分享一下。

如果你想了解更多關於bootstrap的知識,可以點選:bootstrap使用

1、使用瀏覽器進入bootstrap官網頁面。我們點選頁面中間「Bootstrap3中文文檔」按鈕。

bootstrap元件怎麼使用方法

2、進入Bootstrap3中文文件頁面後,我們點選上方的「元件」選項。

bootstrap元件怎麼使用方法

3、進入元件頁面後,我們可以發現,元件主要透過一些簡單描述和具體的實例來講述我們。

bootstrap元件怎麼使用方法

bootstrap元件怎麼使用方法

4、大家要注意,元件實例中只有元件實作的核心程式碼。如果我們需要用程式碼實現元件的功能。我們需要在「起步」頁面下載Bootstrap的程式碼,然後引入對應的js、css檔。小編為了方便,直接使用了起步頁面中的基本模板程式碼。

bootstrap元件怎麼使用方法

bootstrap元件怎麼使用方法

bootstrap元件怎麼使用方法

#5、新html文件,引入對應的js、css檔案。然後將範例程式碼貼到body標籤內。這裡小編以「標籤頁」實例為例。

bootstrap元件怎麼使用方法

6、使用瀏覽器開啟html頁面,我們便可以看到和實例效果圖一樣的效果啦。部分瀏覽器也會影響效果的顯示,剛開始學習我們一定要注意。

bootstrap元件怎麼使用方法

以上是bootstrap元件怎麼使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn