2012-04-17 28 views
5

Các bạn có ví dụ về các thành phần bootstrap làm việc trên một mẫu asp.net cơ bản (với mã phía sau trên các nút, nhận các giá trị được chọn xuống và vv) không?Mẫu asp.net cơ bản với các thành phần bootstrap twitter

Tôi thực sự không biết cách làm cho nó hoạt động.

+0

Bạn đã thử những gì cho đến nay? Cái gì không hiệu quả? Bootstrap chỉ là một tập hợp các kiểu CSS. Tôi không thể thấy tại sao điều đó sẽ phá vỡ ASP.NET. –

+0

Tất cả nội dung trên Twitter là HTML/CSS/JavaScript, vì vậy công nghệ phía máy chủ bạn sử dụng không ảnh hưởng đến nó. Bạn có ví dụ về các thành phần này _not_ đang hoạt động không? Chúng tôi có khả năng có thể giúp với điều đó. Nếu không, Twitter có các ví dụ về các thành phần hoạt động. – David

+0

Thực ra tôi không nói rằng các thành phần không hoạt động. Tôi chỉ không biết làm thế nào để làm cho họ làm việc trên một hình thức asp.net. Ý tôi là, tôi nên làm gì đây? Đặt kiểu nút thành "btn"? Kiểm tra thẻ này, đó là thành phần máy chủ được cung cấp bởi .net framework: "

Trả lời

9

Chừng nào bạn có một sự hiểu biết về cách điều khiển máy chủ ASP.NET render trong HTML

dụ:

kiểm soát này server:

<asp:Button ID="Button1" runat="server" CssClass="btn" Text="Button 1" /> 

ám vào HTML này:

<input type="submit" class="btn" id="Button1" value="Button 1" name="Button1"> 

thì bạn trên đường đến sử dụng bootstrap với ASP.NET webforms

CssClass="btn" là tất cả những gì bạn cần để tạo kiểu cho nút bằng bootstrap.

Dán đánh dấu bên dưới trong trang aspx của bạn để xem một ví dụ

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:Button ID="Button1" runat="server" CssClass="btn" Text="Button 1" /> 
    </div> 
    </form> 
</body> 
</html> 

chỉnh sửa:

Bạn có thể biến bất kỳ kiểm soát HTML tiêu chuẩn vào một điều khiển máy chủ bằng cách thêm runat="server" và sau đó thêm máy chủ xử lý sự kiện nhấp chuột bên.

HTML:

<a id="actionLink" runat="server">Action</a> 

Code-Behind:

protected void Page_Load(object sender, EventArgs e) 
{ 
    actionLink.ServerClick += new EventHandler(actionLink_ServerClick); 
    ... 
} 

void actionLink_ServerClick(object sender, EventArgs e) 
{ 
    ... 
} 

rendered Neo Tag:

<a id="actionLink" href="javascript:__doPostBack('actionLink','')">Action</a> 

này sẽ giúp bạn có những gì bạn cần phải thực hiện nhấp chuột máy chủ trên những nút thả xuống và điều khiển bootstrap radio.

+0

Cảm ơn bạn, đó là hoàn hảo. Nhưng, những gì về một thành phần không tồn tại trên khuôn khổ asp.net? Chẳng hạn như trình đơn thả xuống Nút này (http://twitter.github.com/bootstrap/components.html#buttonDropdowns)? Làm thế nào tôi có thể thêm một sự kiện onclick gọi một phương thức phía máy chủ? Hoặc, làm thế nào tôi có thể nhận được hộp kiểm này giá trị được lựa chọn trên phía máy chủ (http://twitter.github.com/bootstrap/javascript.html#buttons)? Cảm ơn! –

+0

Cảm ơn bạn rất nhiều! –

0

Có một tập gần như hoàn chỉnh của ASP.NET Bootstrap Controls có sẵn từ Pedro Fernandes có sẵn trên GitHub, không chắc chắn về giấy phép mặc dù:

https://github.com/cr1t/BootstrapControls

Nó chỉ hỗ trợ phiên bản 2.3.0. Không khó để chuyển đổi nó thành 3.0.

Các vấn đề liên quan