September 2016
Beginner to intermediate
186 pages
3h 28m
English
Input groups are another way to provide the user with additional information about the data you expect them to enter in a specific form element. Bootstrap provides classes to add sections either before or after an input element. These sections can contain either text or an icon.
To create a text input element to indicate to the user that we require them to enter a phone number into the field, we'll use the following markup:
@model Chapter3.Models.PersonModel <div class="container"> <div class="row"> <div class="col-md-6"> <label asp-for="Phonenumber" class="col-md-4 control-label"> </label> <div class="input-group"> <span class="input-group-addon" id="PhoneNumber"> <i class="fa fa-phone"></i></span> <input asp-for="Phonenumber" class="form-control" ...
Read now
Unlock full access