title: Select2 width Issue, The control overrides that parent width
body: <p>I am using the Select2 control in a bootstrap grid, but when i select a values from the drop down which is a bigger value (here i mean the width), it expands and overrides the width specified by the "col-md" class of bootstrap </p>
  
  <blockquote>
    <p>though there are many workarounds mentioned on a similar issue 
    <a href="https://github.com/t0m/select2-bootstrap-css/issues/42" rel="nofollow">https://github.com/t0m/select2-bootstrap-css/issues/42</a></p>
  </blockquote>
  
  <p>but none of them worked for me</p>
  
  <p>please guide. how can i restrict the width to that of its container element </p>