programing

부트스트랩 글리피콘을 ASP 안에 넣으려면 어떻게 해야 합니까?ASP의 버튼입니다.그물?

kingscode 2023. 8. 9. 22:18
반응형

부트스트랩 글리피콘을 ASP 안에 넣으려면 어떻게 해야 합니까?ASP의 버튼입니다.그물?

저는 제 프로젝트에서 부트스트랩 3을 사용하고 있는데, ASP.net 버튼에 부트스트랩 글리피콘을 사용하고 싶습니다.

여기 제가 사용한 코드가 있는데, 잘 되지 않았습니다(트위터 부트스트랩을 사용하는 샘플을 받았습니다).<span>태그 대신<i>태그):

<asp:Button ID="btnRandom"
    runat="server"
    Text="<span aria-hidden='true'
        class='glyphicon glyphicon-refresh'>
        </span>"
    onclick="btnRandom_Click" />

뭔가 추가적인 조치를 취해야 할 것 같습니다.

어떻게 하면 작동할 수 있을까요?

ASP를 사용해야 합니다.asp 대신 LinkButton:버튼, ASP에서 부트스트랩 3을 사용하는 방법은 다음과 같습니다.NET 웹 애플리케이션:

코드를 사용하여 다음 작업을 수행할 수 있습니다.

<asp:LinkButton ID="btnRandom" 
            runat="server" 
            CssClass="btn btn-primary"    
            OnClick="btnRandom_Click">
    <span aria-hidden="true" class="glyphicon glyphicon-refresh"></span>
</asp:LinkButton>

다음은 "제출" 텍스트가 있는 제출 단추에 사용하는 내용의 예입니다.

<asp:LinkButton ID="SubmitBtn" 
                runat="server" 
                CssClass="btn btn-primary"    
                OnClick="SubmitBtn_Click">
    <span aria-hidden="true" class="glyphicon glyphicon-ok"></span>Submit
</asp:LinkButton>

의 진짜 용도는 무엇입니까?ASP Server제어할 수 있는 시간HTML서버 제어:

runat="server" 특성을 설정하여 HTML 요소를 서버 컨트롤로 변환할 수 있습니다.

<button runat="server" >
<span aria-hidden="true" class="glyphicon glyphicon-refresh"></span>Refresh
</button>

이것을 먹어보세요.

<button id="btnSubSearch" runat="server" type="submit" class="btn btn-default" onserverclick="btnSubSearch_Click">
<span aria-hidden="true" class="glyphicon glyphicon-search">
</span>
</button>

단추 또는 asp 대신 linkButton을 사용할 수 있습니다.이와 같은 버튼;

<linkbutton runat="server"><a class="btn btn-info btn-md"> <span 
 class="glyphicon glyphicon-plus" style="font-size: x-large; font-weight: 
 bolder"></span> </a></linkbutton>

As에 대한 작업:단추 글리피콘 스타일:

<div class="btn btn-primary glyphicon glyphicon-search">
    <asp:Button ID="Button1" runat="server" Text="Search" BackColor="Transparent" BorderWidth="0" OnClick="Button1_Click" />
                    </div>

언급URL : https://stackoverflow.com/questions/24285570/how-do-i-put-a-bootstrap-glyphicon-inside-an-aspbutton-in-asp-net

반응형