Bootstrap 教程第五課 製作下拉列表

2021-07-13 18:38:35 字數 1026 閱讀 3013

bootstrap教程第二課:製作**導航條),只是沒有細細講解,這節,我們來說說下拉列表的製作。

首頁,製作乙個按鈕,可以是a標籤,也可以是button按鈕,**如下:

下拉列表

我們可以在btn的後面新增上 .btn-default 或 .btn-primary 類,使得這個按鈕看起來更漂亮一些。

現在在這個按鈕的下方,新增下拉列表,需要給這個選單的ul新增.dropdown-menu類,示例**:

最後,給button按鈕新增上觸發 data-toggle="dropdown",再將下拉按鈕和下拉列表都包裹在.dropdown裡。完整**如下:

下拉列表

效果圖:

我們還可以根據自己的要求,使用.dropdown-menu-left 或 .dropdown-menu-right 類來控制下拉列表的左或右對齊。

還可以給下拉列表新增下拉列表的標題,來說明這組下拉列表的功能:

dropdown header

還可以新增分割線,將下拉列表中的功能進行分組:

還可以給li元素新增.disabled類,從而禁止使用相應的選單功能:

disabled link

C 教程第五課 方法

本節課向你介紹c 的方法,其目的是 1.了解方法的結構格式 2.了解靜態和例項方法之間的區別 3.學會例項物件的使用 4.學會如何呼叫例項化的物件 5.學會方法的四種引數型別的使用 6.學會使用 this 引用 以往,對於每個程式來說,所有的工作都在main 方法中實現。這對於功能簡單的程式是合適的...

新編日語教程 第五課

基礎語法 例1 我是小王。1.甲 乙 是提示助詞,讀作 wa 接在名詞後面提示 主語 是助動詞,相當於中文的 是 也可以說相當於英語的 be動詞 甲 乙 的句型相當於漢語的 甲是乙 例2 我不是日本人。2.甲 乙 這是上面句型的否定句,相當於漢語的 甲不是乙 上面句型中的 的否定形式就是 例3 你是...

VBscript教程 第五課 VBScript常數

vb教程 第五課 vbscript常數 什麼是常數?常數是具有一定含義的名稱,用於代替數字或字串,其值從不改變。vbscript 定義了許多固有常數。詳細資訊,請參閱 vbscript 語言參考。建立常數 您可以使用 const 語句在 vbscript 中建立使用者自定義常數。使用 const 語...