Link to home
Start Free TrialLog in
Avatar of mgmhicks
mgmhicks

asked on

How to move columns with bootstrap

I have the following code and I also sent a picture.  My issue is I cant seem to get these dropdowns closer to the labels.

Here is the code

 <asp:UpdatePanel runat="server" ID="pnlItems" >
                            <ContentTemplate>
                       <div class="row">
                            <div class="col-md-2 col-xs-12">
                                <asp:Label runat="server" Text="Select Service Type:" CssClass="control-label"></asp:Label>
                                
                            </div>
                           <div class="col-md-2  col-md-pull-2 col-xs-10 ">
                               <asp:DropDownList runat="server" ID="ddType" CssClass="form-control dropdown" AutoPostBack="True"></asp:DropDownList>
                           </div>
                          
                          

                            <div class="col-md-2  col-xs-12 ">
                                <asp:Label runat="server" Text="Select Service Item" CssClass="control-label"></asp:Label>
                                
                            </div>
                                  <div class="col-md-2 col-xs-10 ">
                                      <asp:DropDownList runat="server" ID="ddItem" CssClass=" form-control dropdown"  AutoPostBack="True"></asp:DropDownList>
                                  </div>  
                                           
                            <div class="col-md-2 col-xs-13">
                                <asp:Label runat="server" Text="Select Service Problem" CssClass="control-label"></asp:Label>
                               
                            </div>

                                <div class="col-md-2 col-xs-10 ">
                                     <asp:DropDownList runat="server" ID="ddProblem"  CssClass="dropdown form-control" ></asp:DropDownList>
                                </div>   [embed=file 930351]

Open in new window



You can see the spacing in the call priority but that is because they are both in the same column..  I need these in separate columns so each fills a row when seen on a phone.

thanks
Dropdown-Question.png
ASKER CERTIFIED SOLUTION
Avatar of Member_2_6317024
Member_2_6317024
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of mgmhicks
mgmhicks

ASKER

That ended up working.  Thank you