首頁 > php教程 > PHP开发 > BootStrap中

BootStrap中
高洛峰
發布: 2016-12-28 13:01:09
原創
1328 人瀏覽過

最近在學習bootstrap3.3.5,遇到一個問題搞不清楚

  • 到底什麼意義?

    presentation 

    n. 【Web】表現層;[計] 簡報,列表單;【通用軟體】示範(來源:圖靈電腦詞彙表);
    n.  贈與,介紹,描述,簡述,介紹,陳述,表達;[醫] 先露,表象(心理);[經] 提示, 交單;

    由此可以推斷:presentation在bootstrap

  • 中意為:列表單】最為恰當【合適。

    無序 HTML 清單:

    <ul>
     <li>Coffee</li>
     <li>Tea</li>
     <li>Milk</li>
    </ul>
    登入後複製

    註:

      標籤定義無序列表,li標籤定義無序列表單/項目。

       同:

    • 中role扮演角色是大同小異,即選單列表單/項。

      以下列舉【案例】:

      <div class="dropdown">
       <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
       选择你喜欢的品种
       <span class="caret"></span>
       </button>
       <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
       <li role="presentation" class="dropdown-header">选择你喜欢的水果</li>
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">苹果</a></li>
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">香蕉</a></li>
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">菠萝</a></li>
       <li role="presentation" class="divider"></li>
       <li role="presentation" class="dropdown-header">选择你喜欢的树木</li>
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">松树</a></li>
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">白杨</a></li>
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">柳树</a></li>
       <li role="presentation" class="divider"></li>
       <li role="presentation" class="dropdown-header">选择你喜欢的蔬菜</li>
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">芹菜</a></li>
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">萝卜</a></li>
       <li role="presentation"><a role="menuitem" tabindex="-1" href="#">白菜</a></li>
       <li role="presentation" class="divider"></li>
       </ul>
      </div>
      登入後複製

         

      以上所述是小編給大家介紹的BootStrap中

    • 真實意義解析,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回覆大家的,在此也非常感謝大家對PHP中文網的支持!

      更多BootStrap中

  • 相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門推薦
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板