트위터 부트 스트랩 버튼 디스플레이 ASP에서

트위터 부트 스트랩 내 ASP 페이지 내의 버튼에 문제가 있음을 확인했습니다. 올바르게 나타나는 유일한 클래스는 "btn"클래스 인 것 같습니다. "btn btn-primary"를 사용하려면 파란색 버튼 위에 회색 그라디언트가 나타납니다. 버튼 위로 마우스를 가져 가면 절반이 파란색으로 바뀝니다. 다른 버튼 스타일로 시도해 본 결과 동일한 결과를 얻었습니다.트위터 부트 스트랩 버튼 디스플레이 ASP에서

내가 코드 아래 바라고 있어요 올바른지 :

<asp:button type="button" id="btnSearch" runat="server" CssClass="btn btn-primary" Text="Search"></asp:button>

전체 HTML

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="header.aspx.vb" Inherits="Backend.header" %> 

<!DOCTYPE html> 

<html> 
<head runat="server"> 
<title></title> 


<link rel="stylesheet" href="css/bootstrap.css" /> 
<link rel="stylesheet" href="css/bootstrap-responsive.css" /> 
<link rel="stylesheet" href="css/custom.css" /> 

</head> 
<body> 
<form id="masterSearch" runat="server"> 
    <div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="navbar-inner"> 
      <div class="container"> 
       <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </a> 

       <a class="brand" href="#">Company Name</a> 

       <div class="nav-collapse collapse"> 
        <ul class="nav"> 
         <li><a href="cart.aspx"> 
          <asp:Label ID="Label1" runat="server" Text="Cart"> </asp:Label></a></li> 
         <li class="dropdown"> 
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">History <b class="caret"></b></a> 
          <ul class="dropdown-menu"> 
           <li><a href="#">New Order</a></li> 
           <li><a href="#">Order History</a></li> 
          </ul> 
         </li> 
         <li><a href="#">Invoices</a></li> 
         <li class="dropdown"> 
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Returns <b class="caret"></b></a> 
          <ul class="dropdown-menu"> 
           <li><a href="#">Return Previous Order</a></li> 
           <li><a href="#">Return Policy</a></li> 
          </ul> 
         </li> 
         <li><a href="#">Rewards Balance</a></li> 
         <li><a href="#">Help</a></li> 
         <li><a href="#">Log Out</a></li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 

    <div id="wrap"> 
      <div class="row-fluid"> 

     <div class="container"> 

      <div class="span12"> 
       <asp:Label ID="Label1" class="pull-right" runat="server" Text="Label"></asp:Label> 
       </div> 

     </div> <!--/container--> 
    </div> <!--/row--> 

    <hr /> 

    <div class="container"> 
     <div class="row-fluid"> 
      <div class="span2">Left Column</div><!--/left sidebar--> 

      <div class="span8"> 
       <h5 class="pagination-centered">Search By...</h5> 
       <div class="span12"> 

         <input type="text" id="txtSearch1" placeholder="NDC#, Item#, Item Name..." runat="server" /> 
         <asp:button type="button" id="btnSearch" runat="server" CssClass="btn btn-primary" Text="Search"></asp:button>  


       </div> <!--/search--> 

       <div class="searchResults"> 
        <table ID="tblSearchResults" class="table table-bordered"> 
         <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"> 
          <Columns> 


             <asp:BoundField HeaderText="Generic" DataField="ItemDesc" /> 
             <asp:BoundField HeaderText="Brand" DataField="BrandName" /> 
             <asp:BoundField HeaderText="Item Number" DataField="ItemNumber" /> 
             <asp:BoundField HeaderText="NDC" DataField="NDC" /> 
             <asp:BoundField HeaderText="Class" DataField="ControlLevel" /> 
             <asp:BoundField HeaderText="Price" DataField="Price" /> 
             <asp:TemplateField HeaderText="Qty"> 




        <ItemTemplate> 
         <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder> 
        </ItemTemplate> 
       </asp:TemplateField> 
          </Columns> 
     </asp:GridView> 


       </table> 

       </div> 


      </div><!--/main content --> 

      <div class="span2">Right Column</div><!--/right sidebar--> 
     </div><!--/row--> 

    </div> <!--/container --> 












    <asp:button type="button" id="btnAdd" class=" btn btn-danger" runat="server" Text="Add to Cart"></asp:button> 
&nbsp;&nbsp; 
    <asp:Button ID="btnCheckOut" runat="server" Text="Check Out" /> 






    </form> 
    </body> 
    </html>

출처

2013-04-11 Nina Morena

해당 asp 페이지의 생성 된 html을 추가 할 수 있습니까? – Roger

게시물이 전체 코드로 업데이트되었습니다. –

트위터 부트 스트랩이 asp와 아무런 관련이 없습니다. 그들은 당신이 요소에 준 수업에서 CSS를 적용했습니다. 방화범을 받으십시오. – Adrian

내가 반드시 100 %를 기억하지 않지만 좀 더 이것에 대해 생각 후, 나는 생각 너와 똑같은 일을했다. 일부 오래된 코드를 살펴보면서 Button 컨트롤 대신 Link Button을 사용하여이 문제를 해결했습니다.

<asp:LinkButton CssClass="btn btn-small" runat="server" ID="m_ReportButton" OnClick="OnReportClick" Text="Report" /> 
<asp:LinkButton CssClass="btn btn-small" runat="server" ID="m_DeleteButton" OnClick="OnDeleteClick" Text="Delete" /> 
<asp:LinkButton CssClass="btn btn-small" runat="server" ID="m_EditButton" OnClick="OnEditClick" Text="Edit" /> 
<asp:LinkButton CssClass="btn btn-small" runat="server" ID="m_QuoteButton" OnClick="OnQuoteClick" Text="Quote" /> 
<asp:LinkButton CssClass="btn btn-small" runat="server" ID="m_ReplyButton" OnClick="OnReplyClick" Text="Reply" />

생각해 보면 나는이 변화를 단순히 btn 부트 스트랩 클래스 이상을 적용하는 것으로 거의 확신했다.

출처

2013-04-14 01:44:54

티모시 감사합니다. 나는 이것을 오늘 언젠가 내 코드에 추가하려고 노력할 것이고 결과를 알려 드리겠습니다. –

@NinaMorena 그래서? 7 월 7 일 지금 무슨 일이 있었 니? –

트위터 부트 스트랩 버튼 디스플레이 ASP에서

답변

관련 문제