>I would like to run an idea by you all to see if it makes sense or there is another (possibly better) way of doing it.
>
>As I am building a UI pages for the application I find that the bootstrap css does not give me enough choices for different Inputs I need. So I am thinking of creating my own CSS (in addition to the bootstrap) where I will have a class for each different field my application has.
>
>For example, I will have a class "customer_id", another class "part_no", "vendor_no" and so on. Each class will define the px length to be allocated for this or that field. Therefore, I will have more flexibility, plus all pages will appear consistent, as far as look of the fields. Also in the responsive section of the css I will change, if necessary the length allocated for each field.
>
>Does it make sense or there is a better way?
>TIA

You may use attribute selectors such as

form [name="customer_id"] {your specific directives} /* you can also specify the form class or id if you see fit   */

This way you don't need to bloat your class namespace.

Mastering selectors is IMO the most important step to take while moving to Web development: http://www.w3.org/TR/css3-selectors/