Chapter 5. Creating responsive grids with common components
In this chapter, you will learn how to easily create responsive grids with Bulma. You will also learn how to add Bulma components to your user interface for common things like boxes, lists, and media groups, and learn how to create pagination with Bulma. This is all useful for creating large scale websites, like eCommerce websites.
Note: To see the full code of the example used in this book take a look at the book’s accompanying GitHub page.
At this point, you already have your Bulma menu created in the left column. It’s time to create a responsive grid that is the body of the right column. This same patten will be applied and repeated for the three content pages (books, customers, and orders). The user interface will follow the CRUD (Create Read Update Delete) pattern. For each type of content, you need the following UI components:
- A list to view all items
- An empty form to create an item
- A populated form to update...