Bootstrap之側邊導航菜單(可折疊分組)


<!DOCTYPE html>
<html lang="zh-CN">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 上述3個meta標簽*必須*放在最前面,任何其他內容都*必須*跟隨其后! -->
        <title>表格</title>

這3個meta標簽 是什么意思?

全文:http://blog.csdn.net/shangmingchao/article/details/49763351

 

附:

Bootstrap學習——折疊效果 

其中learn more按鈕的代碼:

<p>
<a href="#learn-more-content" class="btn btn-primary btn-large" data-toggle="collapse">Learn more ?</a>
</p>

下面文字部分的代碼:

<div id="learn-more-content" class="collapse" style="height:0px;">
<p>this is a template for a simple marketing or informational website.It includes a large callout called the hero unit and three supporting pieces of content.Use it as a starting point to create something more unique.</p>
</div>

在learn more所屬的元素<a>標簽上添加data-toggle和data-target兩個屬性,其中data-toggle屬性值為collapse表示該元素要實現折疊效果,data-target屬性值表示要折疊的目標。這里就是下面id為"learn-more-content"部分的文字內容。
 
如果想折疊元素默認是打開的,則可以設置被折疊元素(這里就是id="learn-more-content"的div元素啦)的class="in"或者class="collapse" style="height:auto;"就好了。
 
出自:http://blog.163.com/zhi_qingfang@126/blog/static/11747756320135613715378/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM