I have a custom vf page for the contact object. I need to seperate fields into 2 columns so it displays like this:
But it is adding the fields from left to right like so:
Here is my code:
<apex:pageBlockSection title="Member Information" collapsible="false">
<div class="row">
<div class="col-md-6">
<apex:inputField value="{!Contact.Name}"/>
<apex:outputField value="{!Contact.Birthdate}"/>
<apex:outputField value="{!Contact.Gender__c}" />
<apex:outputField value="{!Contact.Active__c}"/>
<apex:outputField value="{!SelectedPolicy.Policy__r.Reward_Status__c}"/>
<apex:outputField value="{!SelectedPolicy.Policy__r.Points_Status__c}"/>
</div>
<div class="col-md-6">
<apex:outputField label="Group" value="{!SelectedPolicy.Policy__r.Account__r.Name}" />
<apex:outputField value="{!SelectedPolicy.Policy__r.Branch__c}" />
<apex:outputField value="{!SelectedPolicy.Current_Effective_Date__c}"/>
<apex:outputField value="{!SelectedPolicy.VITA_End_Date__c}"/>
<apex:outputField value="{!SelectedPolicy.Policy__r.Account__r.Platform__c}"/>
<apex:outputField value="{!SelectedPolicy.Role__c}"/>
</div>
</div>
</apex:pageBlockSection>