I work on asp.net web forms . I face issue on design page print server drop down list and
branches drop down list not display on same line or rows
so How to make both drop down list on same line or rows by bootstrap or CSS.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestPage.aspx.cs" Inherits="TestPage.TestPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style>
body
{
padding: 20px
}
</style>
</head>
<body>
<script type="text/javascript" src='https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js'></script>
<script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js'></script>
<link rel="stylesheet" href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css'
media="screen" />
<form id="form1" runat="server">
<div style="max-width: 400px;">
<h2 class="form-signin-heading">Reprint ADC JDE Reports</h2>
<div class="row">
<div class='col-md-4'>
<asp:Label ID="lblPrintServer" runat="server" Text="PrintServer"></asp:Label>
<asp:DropDownList ID="dropPrinters" runat="server" CssClass="form-control" AutoPostBack = "True" Width="200px" Height="32px">
</asp:DropDownList>
</div>
<div class='col-md-4'>
<asp:Label ID="lblBranch" runat="server" Text="Branch"></asp:Label>
<asp:DropDownList ID="dropBranches" runat="server" CssClass="form-control" AutoPostBack = "True" Width="200px" Height="32px">
</asp:DropDownList>
</div>
</div>
</div>
</form>
</body>
</html>
Expected result
last updated post
two drop down list display on same row as i need
but very closed from each other so how to leave space