Search⌘ K
AI Features

Cards with Input Fields

Explore how to add and customize cards containing input fields such as text inputs, date pickers, and dropdowns within a Bootstrap 4 Airbnb clone layout. Understand placement inside grids and responsive design to create functional search forms.

We'll cover the following...

Adding the cards

Let’s copy a card from the official documentation of Bootstrap 4. Next, we’ll paste it into our theme, in a col-sm-4, inside a row, wrapped in a container, under the navbar in the first container-fluid. After this update, the layout looks like this.

...