How to customize (manage) fields and content display for Bootstrap in Drupal 7 | iBuild.PH Knowledgebase

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:

• • Entity Views Attachment (EVA)
    https://www.drupal.org/project/eva
  • Entity View Modes
    https://www.drupal.org/project/entity_view_mode
  • Display Suite, Pages and Panels
    https://www.drupal.org/project/ds

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:

• Field Group
  https://www.drupal.org/project/field_group
• Bootstrap Fieldgroup
  https://www.drupal.org/project/bootstrap_fieldgroup

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.