---
title: "Create Attractive TextBox Button using BootStrap in ASP.Net"  
description: "In this blog, I’m explaining how to make slider using Bootstrap in ASP.Net.  IntroductionBootstrap is a Just like the toolbox. Twitter Bootstrap is ba"  
author: "Anonymous User"  
published: 2014-01-15  
updated: 2014-09-18  
canonical: https://www.mindstick.com/blog/624/create-attractive-textbox-button-using-bootstrap-in-asp-dot-net  
category: "bootstrap"  
tags: ["bootstrap"]  
reading_time: 2 minutes  

---

# Create Attractive TextBox Button using BootStrap in ASP.Net

In this blog, I’m explaining how to make slider using Bootstrap in ASP.Net.\

##### Introduction

Bootstrap is a Just like the toolbox. Twitter Bootstrap is basically use for elements like that Buttons, TextBox , Form, [Dropdown List](https://www.mindstick.com/forum/760/dropdown-list-open-hide-behind-another-dropdown-list-on-ie-7), Tab, [Grid View](https://www.mindstick.com/articles/893/data-bound-with-grid-view-in-c-sharp-dot-net), [Progress Bar](https://www.mindstick.com/articles/12747/android-progress-bar), and other things etc. Twitter Bootstrap provide even more valuable tools for [your site](https://www.mindstick.com/articles/12865/infographic-drive-traffic-to-your-site-in-2018-10-hints) such as layouts and widgets.

##### Example :-

In this example, first create an asp.net [web application](https://www.mindstick.com/articles/13069/progressive-web-application-pwas-all-you-need-to-know-about) and Control Like That Button, TextBox, Label, we Want to show the How to Look TextBox and Button After Implement [Bootstrap File](https://www.mindstick.com/forum/156874/how-to-create-bootstrap-file-to-design-web-page-in-bootstrap-5).

Before Use Bootstrap File Like This:

![Create Attractive TextBox Button using BootStrap in ASP.Net](https://www.mindstick.com/blogs/f61fe010-85c1-4fd1-b3db-daeaefd081f0/images/45292211-2510-41e3-b36c-afcfbaf749b2.png)\

\

##### Form Design:-

```
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ButtonAndTextBox.aspx.cs" Inherits="Demo" %><!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>     <link href="Bootstrap/bootstrap.css" rel="stylesheet" />    <link href="Bootstrap/jquery-ui-1.10.3.custom.css" rel="stylesheet" />     <link href="Content/LoginStyle.css" rel="stylesheet" /></head><body>    <form id="form1" runat="server">    <div class="LoginDiv">            <fieldset>                <legend>Login</legend>                <div style="text-align: center;">                    <div style="padding: 5px">                        <span style="margin-right: 40px">Email Id:</span>                        <asp:TextBox ID="txtEmailID" Width="150px" Height="30px" runat="server">abc@gmail.com</asp:TextBox>                    </div>                    <div style="padding: 5px">                        <span style="margin-right: 30px">Password:</span>                        <asp:TextBox ID="txtPassword" Width="150px" Height="30px" runat="server" TextMode="Password"></asp:TextBox>                    </div>                    <div style="margin-left: 180px; padding-top: 5px">                        <asp:Button CssClass="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-state-hover" ID="Btn_Login" runat="server" Text="Login" />                     </div>                    <div style="text-align: center">                        <asp:Label ID="lblError" runat="server" Text="UserId or Password is incorrect!" ForeColor="Red" Visible="False"></asp:Label>                    </div>                </div>            </fieldset>        </div>    </form></body></html>
```

In this case you can only design form and link css file then [automatic](https://www.mindstick.com/forum/145518/what-automatic-repeat-request-arq) apply

\

css on your control.

##### After Using BootStrap File: -

```
<link href="Bootstrap/bootstrap.css" rel="stylesheet" /><link href="Bootstrap/jquery-ui-1.10.3.custom.css" rel="stylesheet" />
```

Download and add the above [two files](https://www.mindstick.com/interview/2597/can-you-have-two-files-with-the-same-file-name-in-gac) into your projects because it’s mandatory for using the bootstrap [libraries](https://answers.mindstick.com/qa/49244/which-company-is-ahead-in-classification-of-data-for-libraries-innovations) and methods.

##### Output TextBox

![Create Attractive TextBox Button using BootStrap in ASP.Net](https://www.mindstick.com/blogs/f61fe010-85c1-4fd1-b3db-daeaefd081f0/images/496dd245-8b5c-4dce-acd9-0685c281f947.png)\

\

##### Button Look : -

\
![Create Attractive TextBox Button using BootStrap in ASP.Net](https://www.mindstick.com/blogs/f61fe010-85c1-4fd1-b3db-daeaefd081f0/images/e2a914b4-c66d-4b81-85e2-fe825826d460.png)\
in my next post i'll explain about [AutoComplete TextBox using BootStrap in ASP.Net](https://www.mindstick.com/blog/625/AutoComplete%20TextBox%20using%20BootStrap%20in%20ASP%20Net)

---

Original Source: https://www.mindstick.com/blog/624/create-attractive-textbox-button-using-bootstrap-in-asp-dot-net

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
