在设计视图中看不到引导模式

Question

所以我想在我的网页中添加一个引导模式，以便使用它进行注册。它只会在单击“创建按钮”时出现。运行时效果很好，但我在VS的设计视图中完全可以看到 这是它的代码，它被放在正文部分的末尾：

 <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>

我使用“模态淡入淡出”类来隐藏网页中的模态，直到单击按钮。但是，在 Visual Studio 中，在设计视图中，模态不再出现。我只能在运行程序时访问，但在设计视图中无法再对其进行一些更改。

有人知道怎么解决吗？

Answer 1

当您使用“模态”类时，您指定要隐藏的块，以便稍后显示它。这可能是它没有出现在编辑器中的原因：它应该在查看页面时被隐藏。如果您想暂时查看它以进行预览，为什么不直接删除这些类，然后在完成后将它们放回去？