title: button group and textbox in middle in bootstrap
body: <p>I am creating pager using bootstrap as given below using input-group.</p>
  
  <pre><code>+──+─+───+──+─+──+
  │&lt;&lt;│&lt;│ 1 │GO│&gt;│&gt;&gt;│
  +──+─+───+──+─+──+
  </code></pre>
  
  <p>but it moves the part after textbox on right side. <br/>
  Sample code is I have added at 
  <a href="https://jsfiddle.net/386my76a/" rel="nofollow">https://jsfiddle.net/386my76a/</a>
  Would there be any bootstrap's inbuilt solution or I need to fix it adding custom CSS (ex: float left for 2nd part)?</p>