Home/ Questions/Q 9083841
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T20:52:01+00:00

What it the best way to do that input the full width inside span3

  • 0

What it the best way to do that input the full width inside span3 (unresponsive design)?
Something like width: 100%;

http://jsfiddle.net/rq9FM/

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    First, when using Twitter Bootstrap I like to add a class to my <body> tag so I can override bootstrap styles if needed.

    <body class="myclass">

    For the CSS I would do something like this..

    ​.myclass .well {padding:19px 0;}

//UNRESPONSIVE
.myclass .form-search input {width:108px;}

//RESPONSIVE
.myclass .form-search input {width:43%;}

    The left and right padding needs to be removed from the well and from there all you should have to do is change the size of the <input>. If your span is going to be a fixed width then the unresponsive example should work for your example. If the span is going to change sizes, then you will only want the input to take up a percentage of its container.

    • 0