jak polaczyc kod bootstrap z Js (validation)

Wiitam . wlasnie ucze sie Bootstrapa i do tego JavaScripta mam pytanie zrobilem sobie prosty formularz rejstracji i nie wiem jak zrobic w nim by wymagane byly dane pola a pole email bylo naprawde emailem jestem poczatkujacym programista front-end czy ktos mogl by mi w tym pomoc?

 <div class="infos">  
            <div class="form-group">
                <label for"name">Name:</label>
                <input type="text" class="form-control" id="usr">
            </div> 
            <div class="form-group">
                <label for"surname">Surname:</label>
                <input type="text" class="form-control" id="usrsr">
            </div> 
            <div class="form-group">
                <label for"address">Address</label>
                <input type="text" class="form-control" id="usradr">
            </div> 
            <div class="form-group">
                <label for"phone">Phone:</label>
                <input type="text" class="form-control" id="usrphon">
            </div> 
            <div class="form-group">
                <label for"email">Email:</label>
                <input type="text" class="form-control" id="usremail">
            </div> 

Nie będę Ci podawał gotowych odpowiedzi tylko Cię nakieruje:

Poza tematem:

1. Zamknij tego diva .infos bo razi.
2. Zwróć uwagi na label i znaczniki name w polach input.
3. Zwróć uwagę na poprawność HTML5: https://validator.w3.org/

Jeśli chodzi o twoje pytanie:

1. Wygoogluj i sprawdź sobie jakie wartości może przyjmować atrybut type w inpucie i sprawdź atrybut required dla inputa:
   http://www.w3schools.com/html/html_form_attributes.asp
2. Z tym rozwiązaniem wyżej jest taki problem, że starsze przeglądarki tego nie obsługują. Jeśli chcesz to fixnąć to używając jQuery i eventu blur sprawdzaj poprawność konkretnego inputa:
   http://stackoverflow.com/questions/46155/validate-email-address-in-javascript