>>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/

Thank you very much for your input. I do not know much (if anything) about Selectors so I will read the article you referenced.
Hopefully once I read it, your line of

Form [name] .....

will make sense (as I dont understand it; not your fault; I am just not familiar with this).