Article

How to customize (manage) fields and content display for Bootstrap in Drupal 7

How to customize (manage) display for Bootstrap in Drupal 7 without Panels

While most content display modules are definitely useful for customizing your node and content displays, with or without Views integration, sometimes a more straight-forward method is to use the second option especially if you are using a Bootstrap-driven theme and coding, and customizing your template (TPL) files is not an option.

Useful Drupal 7 Content Display modules

Modules that are helpful, but might be challenging and complex to set-up for the uninitiated:

Easier Fieldgroup and Bootstrap Content Display field management

A more a easier way of grouping your fields, then assigning those fieldgroups into Bootstrap layout options using the following modules:

Bootstrap Fieldgroup layout options include:

  • Bootstrap Grid Columns
  • Bootstrap Grid Rows
  • Bootstrap Accordions
  • Bootstrap Tabs and Pills

In the example, a two-column Bootstrap layout is achieved - column 1 for the fields image and description (body), while column 2 for the media multiple image thumbnail colorbox field.

How to customize (manage) display for Bootstrap in Drupal 7

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.