如何将 Bootstrap 组件放入 ASP.Net 中的 asp:Button 中？

Question

如何添加这个 Bootstrap 组件代码，它是一个搜索栏：

<div class="row">
    <div class="col-lg-6">
        <div class="input-group">
          <input type="text" class="form-control" placeholder="Search for...">
          <span class="input-group-btn">
            <button class="btn btn-default" type="button">Go!</button>
          </span>
        </div><!-- /input-group -->
    </div><!-- /.col-lg-6 -->
</div><!-- /.row -->

在旧 asp.net 代码中：

<asp:Panel ID="altHeader3SearchPanel" runat="server" DefaultButton="">                                       
<div class="container-inline" id="search">
    <div class="form-item" id=
    "edit-search-theme-form-1-wrapper">
        <label for=
        "edit-search-theme-form-1">Search this
        site:</label> <asp:textbox class="form-text" id=
        "edit_search_theme_form_1" maxlength="50"
        name="search_theme_form" runat="server" size="15" title=
        "Enter the terms you wish to search for."
        type="text" value="" />
    </div>
    <asp:Button runat="server" ID="edit_submit" CssClass="form-submit" Text="" />

到目前为止我尝试的所有操作都出现应用程序错误或解析错误...

Answer 1

您只需将 html 控件替换为服务器控件即可。

仅供参考：如果你想在用户按下回车键时触发点击事件，你想将按钮控件id设置为DefaultButton。

<asp:Panel ID="altHeader3SearchPanel" runat="server" DefaultButton="GoButton">
    <div class="row">
        <div class="col-lg-6">
            <div class="input-group">
                <asp:TextBox class="form-control"
                    ID="edit_search_theme_form_1"
                    name="search_theme_form"
                    runat="server"
                    placeholder="Search for..." />
                <span class="input-group-btn">
                    <asp:Button ID="GoButton" runat="server" 
                       CssClass="btn btn-default" Text="Go" />
                </span>
            </div>
        </div>
    </div>
</asp:Panel>

如何将 Bootstrap 组件放入 ASP.Net 中的 asp:Button 中？

How do I put a Bootstrap Component inside an asp:Button in ASP.Net?

c#

asp.net

aspbutton

twitter-bootstrap