亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我怎樣才能顯示模態形式

我怎樣才能顯示模態形式

飲歌長嘯 2023-10-24 21:39:23
如何顯示模態形式?我不知道為什么這個模態形式沒有顯示..我使用百里香服務器模板<body>    <!-- Button trigger modal -->    <button type="button" class="btn btn-primary" data-toggle="modal"        data-target="#exampleModal">Launch demo modal</button>    <!-- Modal -->    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"        aria-labelledby="exampleModalLabel" aria-hidden="true">        <div class="modal-dialog" role="document">            <div class="modal-content">                <div class="modal-header">                    <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>                    <button type="button" class="close" data-dismiss="modal"                        aria-label="Close">                        <span aria-hidden="true">&times;</span>                    </button>                </div>                <div class="modal-body">...</div>                <div class="modal-footer">                    <button type="button" class="btn btn-secondary"                        data-dismiss="modal">Close</button>                    <button type="button" class="btn btn-primary">Save changes</button>                </div>            </div>        </div>    </div>    <nav class="navbar navbar-dark bg-dark navbar-fixed-top">        <div class="container-fluid">            <div class="navbar-header">                <h2>                    <a class="navbar-brand" href="#">Software Contents</a>                </h2>            </div>        </div>    </nav>    <div class="container-fluid">        <div class="row">            <div class="col-sm-3 col-md-2 sidebar">                <ul class="nav flex-column">                    //some code about session                </ul>....................................................................................................................................................................................................................................................................................................................
查看完整描述

1 回答

?
呼喚遠方

TA貢獻1856條經驗 獲得超11個贊

使用下面的代碼


<html>

<body>

    <!-- Button trigger modal -->

    <button type="button" class="btn btn-primary" data-toggle="modal"

        data-target="#exampleModal">Launch demo modal</button>


    <!-- Modal -->

    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"

        aria-labelledby="exampleModalLabel" aria-hidden="true">

        <div class="modal-dialog" role="document">

            <div class="modal-content">

                <div class="modal-header">

                    <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>

                    <button type="button" class="close" data-dismiss="modal"

                        aria-label="Close">

                        <span aria-hidden="true">&times;</span>

                    </button>

                </div>

                <div class="modal-body">...</div>

                <div class="modal-footer">

                    <button type="button" class="btn btn-secondary"

                        data-dismiss="modal">Close</button>

                    <button type="button" class="btn btn-primary">Save changes</button>

                </div>

            </div>

        </div>

    </div>


    <nav class="navbar navbar-dark bg-dark navbar-fixed-top">

        <div class="container-fluid">

            <div class="navbar-header">

                <h2>

                    <a class="navbar-brand" href="#">Software Contents</a>

                </h2>

            </div>

        </div>

    </nav>


    <div class="container-fluid">

        <div class="row">

            <div class="col-sm-3 col-md-2 sidebar">

                <ul class="nav flex-column">

                    //some code about session

                </ul>

            </div>


            <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">

                <p>

                <h1 class="page-header">Q&A ???</h1>

                <table class="table table-hover">

                    //some code

                </table>

            </div>

        </div>

    </div>


   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

</body>

</html>



查看完整回答
反對 回復 2023-10-24
  • 1 回答
  • 0 關注
  • 110 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號