在设计视图中看不到bootstrap模式

本文关键字:看不到 bootstrap 模式 视图 | 更新日期: 2023-09-27 18:02:51

所以我想添加一个引导模式到我的网页,以便使用它进行注册。它只会在点击"创建按钮"时出现。它运行时很好,但我可以在VS的设计视图中看到它下面是它的代码,它被放在body部分的末尾:

 <div class="modal fade" id="register" role="dialog" stle=margin-bottom:60px; margin-top:10px;  >
    <div class="modal-dialog" >
        <div class="modal-content" style="background-color:#fef3df">
            <div class="modal-header">
                <h2><strong>Création de Compte</strong></h2>
            </div>
            <div class="modal-body">
                <fieldset>
                <strong>First Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                <br />
                <br />
                Last Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
                <br />
                <br />
                Email:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
                <br />
                <br />
                Department:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:DropDownList ID="DepartmentDropDown" runat="server" style="height:27px; width:190px">
                    <asp:ListItem>Land Assets Department</asp:ListItem>
                     <asp:ListItem>Finance Department</asp:ListItem>

                </asp:DropDownList>
                <br/>
                <br/>
                Username:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
                <br />
                <br />
                Password:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:TextBox ID="TextBox7" runat="server"></asp:TextBox>
                <br />
                <br />
                <br />
                </strong>
               </fieldset>
            </div>
            <div class="modal-footer">
                <asp:Button ID="ModalConfirm" style="border-radius:5px;" CssClass="btn-default" runat="server" Text="Fermer" Height="38px"  OnClick="ModalConfirm_Click"   />
                &nbsp;&nbsp;
                <asp:Button ID="Button3" style="border-radius:5px;" CssClass="btn-info" data-dismiss="modal" runat="server" Text="Confirmer" Height="38px" />
            </div>
        </div>
       </div>
   </div>

我使用"modal fade"类来隐藏网页中的模式,直到按钮被点击。然而,在visual studio中,在设计视图中,模态不再出现。我只能在运行程序时访问它,但我不能再在设计视图中看到它来对它进行一些更改。

有没有人知道如何解决这个问题?

在设计视图中看不到bootstrap模式

当你使用"modal"类时,你是在指定要隐藏的块,意图稍后显示它。这可能就是为什么它没有出现在编辑器中:它应该在查看页面时被隐藏。如果你想暂时查看它以便预览它,为什么不直接删除这些类,然后在完成后再放回去呢?