As you know, I am learning about Bootstrap recently. I read their tutorial, that is great! I learnt a lot. Moreover, I really need to see some examples. I found a very good website for this purpose, BootSnipp. There are a lot of example design elements using Bootstrap, including all essential elements to build a website, such as Panel Table and Accordion menu. That is very very useful!

I found the best way to input a numeric value is using a spinner. The users can type in the user, and they can use up and down arrow to adjust the value. That is very good user experiences. There is a similar component in WinForm, but there is not such input html field for web. Luckily, JQuery offers a solution for this purpose. It can convert a text field into a numeric field. You need to call this javascript

Code

Afer I added The Colorbox as the lightbox jquery plug-in one of my projects. Yes, I added the reference of js and css files in my html file.

Code

I found a good Jquery Light Box Plugin, ColorBox. I love it, because it supports to load iframe in a light style. That is a better way to load a sub-page rather than using a pop-up windows. It is less annoying. Moreover, that is easy to use, just like this:

Code

I found the jQuery validation is very good! Moreover, that is very easy to customize the error message. You just need to put the message in the "title" attribute.
e.g.

Code