> This page is for Docs.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://zuora.ferndocs.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://zuora.ferndocs.com/_mcp/server.

# Example of configuring bootstrap columns

> Provides instructions on configuring Bootstrap columns to display subscription, balance, and invoice information on a dashboard, ensuring optimal layout and visibility.

Provides instructions on configuring Bootstrap columns to display subscription, balance, and invoice information on a dashboard, ensuring optimal layout and visibility.

In the scenario where you want to display the last subscription, balance, and last invoice information in the top row of the dashboard, you need to enable the `last_subscription` , `balance` , and `last_invoice` cards, and arrange the cards in the desired order to be displayed on the dashboard. Because each row contains 12 columns and 3 cards should be displayed in the row, each card should use 4 columns.

![Example card configurations](/_fern-img/04b21cf5edbcc055e32bd0a032c304cc90bed75bee31f20ffb0608cca76620a8.webp)

The dashboard in the portal will be displayed as:

![How UI looks with example configurations](/_fern-img/e9493688b08c17e3c47ec36b7c2880d8d0a348635ff35ccd94982f61e9845425.webp)