Dropdown should appear on Right Side & in Bootstrap

Ramco Ramco

In below code DropDown is appearing in Normal Mode & on Left Side

<%--

--%>

                                                        Today
                                                        Upcoming

Thanks

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vishal Yelve4y ago
Try this, hope this will help
<asp:DropDownList ID="ddlSelect" runat="server" class="btn btn-secondary dropdown-toggle" AutoPostBack="true" OnSelectedIndexChanged="ddlSelect_SelectedIndexChanged" style="float: right;">
<asp:ListItem Value="Today">Todayasp:ListItem>
<asp:ListItem Value="Upcoming">Upcomingasp:ListItem>
asp:DropDownList>
Ramco Ramco4y ago
Hi Vishal

Trying this but not working

Today
Upcoming

Thanks
Vishal Yelve4y ago
Use
class="float-right"
Check the below link
https://getbootstrap.com/docs/4.0/utilities/float/
Vishal Joshi4y ago
Use float property of CSS. please find below the sample code:
.className{
   float: right;
}
Also as you are using bootstrap you can follow its pattern instead of changing/adding manual CSS. like bootstrap support, 12-column format stick with it.