在设计视图中看不到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:
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
<br />
<br />
Last Name:
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
<br />
<br />
Email:
<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
<br />
<br />
Department:
<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:
<asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
<br />
<br />
Password:
<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" />
<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中,在设计视图中,模态不再出现。我只能在运行程序时访问它,但我不能再在设计视图中看到它来对它进行一些更改。
有没有人知道如何解决这个问题?
当你使用"modal"类时,你是在指定要隐藏的块,意图稍后显示它。这可能就是为什么它没有出现在编辑器中:它应该在查看页面时被隐藏。如果你想暂时查看它以便预览它,为什么不直接删除这些类,然后在完成后再放回去呢?