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
jQueryASP.NETHTMLBootstrap

Avatar of undefined
Last Comment
mgmhicks

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Member_2_6317024

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
mgmhicks

ASKER
That ended up working.  Thank you
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck