亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

使用bootstrap寫作案例

Original 2019-04-29 19:44:22 438
abstract:<html>     <head>         <title>bootstrap仿站</title>         <meta c

11.png

<html>
    <head>
        <title>bootstrap仿站</title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
        <style type="text/css">
            *{margin: 0; padding: 0}
        </style>
    </head>
<body>
    <div class="container" >
        <div class="row">
            <div class="col-md-12">
                <nav class="navbar navbar-inverse">
                    <div class="navbar-header">
                       <a class="navbar-brand" href="#">首頁</a>
                    </div>

                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li class="active"><a href="mianban.html" target="content">案例</a></li>
                            <li><a href="#">解決方案</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">開發(fā)語言分類 <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">PHP</a></li>
                                    <li><a href="#">Java</a></li>
                                    <li><a href="#">Python</a></li>
                                </ul>
                            </li>
                        </ul>
                        <form class="navbar-form navbar-left">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="輸入關(guān)鍵詞">
                            </div>
                            <button type="submit" class="btn btn-info">查詢</button>
                        </form>
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#">進(jìn)入后臺(tái)</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">關(guān)于我們 <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">聯(lián)系我們</a></li>
                                    <li><a href="#">加入我們</a></li>
                                    <li><a href="#">我們地址</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>

                </nav>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="carousel slide" data-ride="carousel" id="slider">
                    <ol class="carousel-indicators">
                        <li data-target="#slider" data-slide-to="0" class="active"></li>
                        <li data-target="#slider" data-slide-to="1"></li>
                        <li data-target="#slider" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="item active ">
                            <img src="images/1.jpg">
                            <div class="carousel-caption">輪播1</div>
                        </div>
                        <div class="item">
                            <img src="images/2.jpg">
                            <div class="carousel-caption">輪播2</div>
                        </div>
                        <div class="item">
                            <img src="images/3.jpg">
                            <div class="carousel-caption">輪播3</div>
                        </div>
                    </div>

                    <a href="#slider" class="carousel-control left" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </a>

                    <a href="#slider" class="carousel-control right" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </a>
            </div>
        </div>

        <div class="row">
            <div class="col-md-2">
                <h5>社區(qū)熱帖</h5>
                <div class="list-group">
                    <a href="#" class="list-group-item active">
                        小程序開發(fā)<span class="badge">562</span>
                    </a>
                    <a href="#" class="list-group-item" traget="content">APP 開發(fā)<span class="badge">181</span></a>
                    <a href="#" class="list-group-item">PHP 開發(fā)<span class="badge">397</span></a>
                    <a href="#" class="list-group-item">JAVA 開發(fā)<span class="badge">214</span></a>
                    <a href="#" class="list-group-item">Python 開發(fā)<span class="badge">69</span></a>
                </div>
                <div class="list-group">
                    <a href="#" class="list-group-item active">
                        <h4 class="list-group-item-heading">技術(shù)文章</h4>
                        <p class="list-group-item-text">所有的技術(shù)手冊(cè)均可下載</p>
                    </a>
                    <a href="#" class="list-group-item active">
                        <h4 class="list-group-item-heading">視頻教程</h4>
                        <p class="list-group-item-text">所有的視頻均可下載</p>
                    </a>
                    <a href="#" class="list-group-item active">
                        <h4 class="list-group-item-heading">工具下載</h4>
                        <p class="list-group-item-text">所有的工具均可下載</p>
                    </a>
                </div>
                <div class="text-center">
                    <button type="button"  class="btn btn-danger btn-lg" data-toggle="modal" data-target="#myModal">菜鳥必點(diǎn)</button>
                </div>




            </div>
            <div class="col-md-10">

                <div class="modal fade" id="myModal">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h3>html是什么意思?</h3>
                                <button type="button" class="close" data-dismiss="modal">X</button>
                            </div>

                            <div class="modal-body">
                                “超文本”就是指頁面內(nèi)可以包含圖片、鏈接,甚至音樂、程序等非文字元素。
                                超文本標(biāo)記語言的結(jié)構(gòu)包括“頭”部分(英語:Head)、和“主體”部分(英語:Body),其中“頭”部提供關(guān)于網(wǎng)頁的信息,“主體”部分提供網(wǎng)頁的具體內(nèi)容。
                                超級(jí)文本標(biāo)記語言文檔制作不是很復(fù)雜,但功能強(qiáng)大,支持不同數(shù)據(jù)格式的文件鑲?cè)?,這也是萬維網(wǎng)(WWW)盛行的原因之一,其主要特點(diǎn)如下:
                                1.簡(jiǎn)易性:超級(jí)文本標(biāo)記語言版本升級(jí)采用超集方式,從而更加靈活方便。
                                2.可擴(kuò)展性:超級(jí)文本標(biāo)記語言的廣泛應(yīng)用帶來了加強(qiáng)功能,增加標(biāo)識(shí)符等要求,超級(jí)文本標(biāo)記語言采取子類元素的方式,為系統(tǒng)擴(kuò)展帶來保證。
                                3.平臺(tái)無關(guān)性:雖然個(gè)人計(jì)算機(jī)大行其道,但使用MAC等其他機(jī)器的大有人在,超級(jí)文本標(biāo)記語言可以使用在廣泛的平臺(tái)上,這也是萬維網(wǎng)(WWW)盛行的另一個(gè)原因。
                                4.通用性:另外,HTML是網(wǎng)絡(luò)的通用語言,一種簡(jiǎn)單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面,這些頁面可以被網(wǎng)上任何其他人瀏覽到,無論使用的是什么類型的電腦或?yàn)g覽器。
                                以上就是html是什么意思?的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
                            </div>

                            <div class="modal-footer">
                                <button type="button" class="btn btn-success" data-dismiss="modal">分享</button>
                                <button type="button" class="btn btn-info" data-dismiss="modal">關(guān)閉</button>
                            </div>

                        </div>
                    </div>
                </div>

                <iframe width="100%" height="800px" name="content" frameborder="0"></iframe>

            </div>
        </div>

    </div>

</body>
</html>


Correcting teacher:查無此人Correction time:2019-04-30 09:21:04
Teacher's summary:完成的不錯(cuò)。前端框架有很多,可以多了解了解??纯聪矚g用哪個(gè)。繼續(xù)加油。

Release Notes

Popular Entries