By Carmel SchvartzmanIn this tutorial we'll learn how to use the Edit Profile Bootdey snippet built on top of the Twitter Bootstrap. The Bootstrap includes many very useful components and also a responsive grid system that scales up to 12 <div>s columns, and adapts itself to the device when size decreases.
Bootstrap is the more widely used and more popular CSS3 framework for developing responsive web apps, making front-end web design very fast and easy.
Bootdey creates very useful and reusable FREE CSS snippets, and you can browse to Bootdey's web site to find many others components for use.
We suppose here that you have already installed the Twitter Bootstrap in your MVC app. If you don't, learn in this tutorial how to install it in just 2 minutes.
We'll build a responsive web page using the Edit Profile Bootdey snippet built on the Twitter Bootstrap with no effort at all:
To get that results, we just create an Action method and a View:
Then go to the Bootdey web site:
Search for the Edit Profile Form :
Copy the HTML markup :
And paste it inside the View . That's all you need to get this nice screen:
That's all!! In this tutorial we've learned how to use the Edit Profile Bootdey snippet in Asp.Net MVC in 5 minutes.
כתב: כרמל שוורצמן