styling with bootstrap 4

mikha
mikha used Ask the Experts™
on
I am using bootstrap 4 in asp.net web site. how to apply bootstrap dropdown style to asp net controls. for example, asp:dropdown.

<asp:dropdown id="ddl" runat="server" /> .

also, when we use  bootstrap classes to create form and inputs , like below. how to add  vertical space between the inputs ?

<div class="form-control">
   <div class="row">
       <div class="col-6>
            <div class="form-group">
                   <asp:textbox id="txt" runat="server">
              </div>
              ,<div class="form-group">
                     <asp:dropdown .....
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
Bootstrap 4 has new classes for padding and spacing see here http://getbootstrap.com/docs/4.1/utilities/spacing/

So to add spacing below your inputs you could do
<div class="form-group mb-1 mt-1"> ...

Open in new window

This will add a top (t) and bottom (b) margin (m) to the element. 1 is 25% of the spacer - which you can define the in SASS spacer map if you don't like the options (1,2,3) provided
Change N (mb-N) to value that matches your requirement in terms of spacing.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial