Support us .Net Basics C# SQL ASP.NET ADO.NET MVC Slides C# Programs Subscribe Buy DVD

What is bootstrap

Suggested Video Tutorials
SQL Server Tutorial
C# Tutorial
ASP.NET Tutorial



In this video we will discuss
1. What is bootstrap
2. Advantages of using bootstrap



Bootstrap is a free, open-source and is the most popular HTML, CSS, and JavaScript framework developed by twitter for creating responsive web applications. 

It includes HTML and CSS based design templates for common user interface components like Buttons, Dropdowns, Typography, Tabs, Forms, Tables, Navigations, Alerts, Modals, Accordion, Carousel etc. along with optional JavaScript extensions.

Bootstrap framework is based on open standards - HTML, CSS and JavaScript. This means bootstrap can be used with any server side technology and any platform. You can use it with any web application built with any server side technology like ASP.NET, JAVA, PHP etc.

What are the advantages of using bootstrap

Supports responsive design : One of the greatest advantages of using bootstrap is that it helps us create responsive web applications faster and easier. So the obvious question that comes to our mind is, what is a responsive web application? A responsive web application automatically adapts to different screen sizes (i.e desktop computers, laptops, tablets. mobile phones etc). A responsive application provides optimal viewing and interaction experience i.e easy reading and navigation with a minimum of resizing, panning, and scrolling across a wide range of devices. So you don't have to worry about your application not being compatible with multiple devices.

The images at the following links shows how a responsive and non-responsive application looks like on a mobile device.
http://www.webnersolutions.com/wp-content/uploads/2015/08/responsive-vs-non-responsive-web-design1.jpg

At the following link is a live responsive application example. Notice as we resize the browser, the content automatically adapts to the screen size.
http://bootstrapdocs.com/v3.0.3/docs/examples/jumbotron/

Saves lot of development time : One of the biggest advantages of using Bootstrap is that it saves lot of development time. Instead of writing code from the scratch, bootstrap offers ready made blocks of code that you can use and customize to suit your application requirements. There are also many websites out there that offer free and paid Bootstrap themes that saves even more development time.

Consistency : Bootstrap was developed by Twitter to encourage consistency across thier internal tools by giving their developers a centralised development code. Since all the developers are working using a centralised code, the end result is consistent regardless of who’s working on the project and which web browser is being used.

Customizable : If you are using only a few features of bootstrap, you can customize to download only those features using the following bootstrap customize page.
http://getbootstrap.com/customize/

Support : As Bootstrap is the most popular framework, it has a very large community base and excellent documentation. Bootstrap's excellent documentation, examples and demos helps a developer learn bootstrap quickly even if you are new to it. If you ever run into an issue you will usually get help quickly and easily from the vast online community and web forums.

In our next video we will discuss, downloading, setting up and understanding different bootstrap components.

bootstrap tutorial for beginners

4 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. Kudvenkat is the best .programming tutor ever

    ReplyDelete
  3. Could you upload the video on Web API in asp.net with REST request rather SOAP ..as you have uploaded so many video on Web Services and WCF but all are SOAP request...

    ReplyDelete
  4. Sir continue with the Boostrap tutorial. I enjoy watching your tutorials, thanks so much for helping people like me.
    I truly appreciate

    ReplyDelete

If you like this website, please share with your friends on facebook and Google+ and recommend us on google using the g+1 button on the top right hand corner.