Bootstrap - A Perfect framework for web Development

In the my Recent projects , i am came across various framework for .Net based web Application. But quite interested and flexible framework is Bootstrap

Bootstrap - a new start-up for more creativity in web developments.

Bootstrap is a powerful front-end framework for faster and easier web development. It includes HTML and CSS based design templates for common user interface components.

Also gives more ability  to create responsive layout.

why we have to opt  Bootstrap:

• Responsive layout
• easy to use
• Compatible with most of the browsers.
• Open Source -  completely free to download and use

To Download GetBootstrap here

Bootstrap comes with CSS , javascript in the  form of jquery 

Structure:

bootstrap/
  ├── css/
  │   ├── bootstrap.css
  │   ├── bootstrap.min.css
  ├── js/
  │   ├── bootstrap.js
  │   ├── bootstrap.min.js
  └── img/
      ├── glyphicons-halflings.png
      └── glyphicons-halflings-white.png

http://getbootstrap.com/javascript/

My  first Example,  i always used to copy the code from the examples given and give a try.

<div class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>One fine body&hellip;</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

This is just a note to convey that Bootstrap is a Perfect framework for web Development projects.