how to customise input field width in bootstrap 3

Question

After having removed critical features such as input-xlarge and input-large  what is the substitution for it in bootstrap 3   Of course I could use col-lg-12 etc but that is giving an error in tab pane   I could also use style    width 30px   but then It would loose its responsiveness unlike input-xlarge Any suggestions etc

User · Answer

i solved with a max-width in my main css-file       Set width on the form input elements since they re 100  wide by default    input  select  textarea       max-width  280px      It s a simple solution with little  code

User · Answer

lt form role  form  gt       lt div class  form-group  gt         lt div class  col-xs-2  gt           lt label for  ex1  gt col-xs-2 lt  label gt           lt input class  form-control  id  ex1  type  text  gt         lt  div gt         lt div class  col-xs-3  gt           lt label for  ex2  gt col-xs-3 lt  label gt           lt input class  form-control  id  ex2  type  text  gt         lt  div gt         lt div class  col-xs-4  gt           lt label for  ex3  gt col-xs-4 lt  label gt           lt input class  form-control  id  ex3  type  text  gt         lt  div gt       lt  div gt     lt  form gt

User · Answer

You can use these classes     input-lg      input   and      input-sm   for input fields and replace input with btn for buttons   Check this documentation http   getbootstrap com getting-started  migration  This will change only height of the element  to reduce the width you have to use grid system classes like col-xs-  col-md-  col-lg-     Example col-md-3  See doc here http   getbootstrap com css  grid

User · Answer

lt div class  form-group  gt                       lt div class  input-group col-md-5  gt                       lt div class  input-group-addon  gt                       lt span class  glyphicon glyphicon-envelope  gt  lt  span gt                lt  div gt                           lt input class  form-control  type  text  name  text  placeholder  Enter Your Email Id  width  50px  gt                        lt  div gt                       lt input type  button  name  SIGNUP  value  SIGNUP  gt               lt  div gt

User · Answer

In Bootstrap 3   form-control  the class you give your inputs  has a width of 100   which allows you to wrap them into col-lg-X divs for arrangement  Example from the docs      lt div class  row  gt     lt div class  col-lg-2  gt       lt input type  text  class  form-control  placeholder   col-lg-2  gt     lt  div gt     lt div class  col-lg-3  gt       lt input type  text  class  form-control  placeholder   col-lg-3  gt     lt  div gt     lt div class  col-lg-4  gt       lt input type  text  class  form-control  placeholder   col-lg-4  gt     lt  div gt   lt  div gt    See under Column sizing   It s a bit different than in Bootstrap 2 3 2  but you get used to it quickly

[text] how to customise input field width in bootstrap 3

Examples related to text

Examples related to input

Examples related to twitter-bootstrap-3