Adding a search form
We will add a search form on our home page for users to search for movies. Let's get a Form component from getbootstrap. At https://getbootstrap.com, under Docs, go to Forms | Overview (as shown in Figure 4.8):
Figure 4.8 – Bootstrap forms
In the Overview section, you can copy the markup (as shown in Figure 4.9) and paste it inside the home.html template file. This is very useful because you will have a skeleton to design HTML forms with Bootstrap.
Figure 4.9 – Bootstrap forms
Because we don't need much information from the previous form (such as password and checkbox), we refine the previous HTML code to only contain the Search for Movie field and a Search button. Add the following in bold to the home.html template file:
… <div class="container"> <form action=""> <div class...