Question: I have two text box `Textbox1` and `Textbox2` . I want to bring some values in textbox2 as per the textbox1 value. I have a query 

```
protected void TextBox1_TextChanged(object sender, EventArgs e)
    {
     string str="select TimeIn from Employee where Date='"+txtdate.text+"'";
     Sqldatreader dr=conn.query(str);
     if(dr.Read())
     {
     Textbox2.text=dr[0].Tostring();
     }
   }

```

Answer: 
I recommend (even though it's dirty) adding your view twice, once in a 

```
<div class="hidden-lg hidden-md hidden-sm">Your content for the XS-grid.</div>

```

and for the other 'layout

```
<div class="hidden-xs">Your content for everything but XS-grid.</div>

```

Hope that helps (looking forward to a better solution ;)).
You could hide the second div on small screens; the third div would then be in second position. You would then have to duplicate just the second div after the third and show on small screens only, then do the pull-left and right on the last two divs. Something similar this might work (this example is for small):

```
    <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                Some contents 1
            </div>
            <div class="col-lg-1 col-md-1 hidden-sm col-xs-12" >
                Some Content 2
            </div>
            <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12" >
                Some Content 3
            </div>
            <div class="visible-sm col-sm-9 lefty" >
                Some Content 2 - duplicate
            </div>
            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 righty"  >
                <div class="company-add-btn"><a href="#">+ Add more companies</a></div>
            </div>
        </div>              

```