F21 PROG1322 14.3 Step 28.1 - Demo - Responsive Design with Display Properties

Bootstrap is very responsive to begin with, but data in HTML Tables can still be a problem for smaller screens.
One approach we can use is to switch what HTML is visible using the Display Property For lg or larger screens we will continue to use HTML Tables but for smaller screens, display a Card Deck instead.
Just as each row in a table represents one record, each Card in the Card deck will be one record. We lose column headings but can add sort options back in with a DropDownList to choose how the Cards will be sorted.
Web design
Be the first to comment