1<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
2
3<!--
4 Title: bootstrap 4 input error
5-->
6<!--Go to https://www.w3schools.com/bootstrap4/bootstrap_forms.asp for more info-->
7<form action="/action_page.php" class="was-validated">
8 <div class="form-group">
9 <label for="uname">Username:</label>
10 <input type="text" class="form-control" id="uname" placeholder="Enter username" name="uname" required>
11 <div class="valid-feedback">Valid.</div>
12 <div class="invalid-feedback">Please fill out this field.</div>
13 </div>
14 <div class="form-group">
15 <label for="pwd">Password:</label>
16 <input type="password" class="form-control" id="pwd" placeholder="Enter password" name="pswd" required>
17 <div class="valid-feedback">Valid.</div>
18 <div class="invalid-feedback">Please fill out this field.</div>
19 </div>
20 <div class="form-group form-check">
21 <label class="form-check-label">
22 <input class="form-check-input" type="checkbox" name="remember" required> I agree on blabla.
23 <div class="valid-feedback">Valid.</div>
24 <div class="invalid-feedback">Check this checkbox to continue.</div>
25 </label>
26 </div>
27 <button type="submit" class="btn btn-primary">Submit</button>
28</form>
1<div class="panel panel-default">
2 <div class="panel-body">
3 Basic panel example
4 </div>
5</div>
6
7//Panels are cool for sectioning