Sample_MetaBox_For_Grid.php

<?php
/**
 * The Class.
 */
class Give_Sample_Meta_Box {

	/**
	 * Hook into the appropriate actions when the class is constructed.
	 */
	public function __construct() {
		add_action( 'add_meta_boxes', array( $this, 'add_meta_box' ) );
	}

	/**
	 * Adds the meta box container.
	 */
	public function add_meta_box( $post_type ) {
		// Limit meta box to certain post types.
		$post_types = array( 'give_forms' );

		if ( in_array( $post_type, $post_types ) ) {
			add_meta_box(
				'give-sample-meta-box',
				__( 'MetaBox Information', 'give' ),
				array( $this, 'render_meta_box_content' ),
				$post_type,
				'advanced',
				'high'
			);
		}
	}

	/**
	 * Render Meta Box content.
	 *
	 * @param WP_Post $post The post object.
	 */
	public function render_meta_box_content( $post ) {

		// Add an nonce field so we can check for it later.
		wp_nonce_field( 'myplugin_inner_custom_box', 'myplugin_inner_custom_box_nonce' );


		// Display the form, using the current value.
		?>
		<div class="give-grid-row">
			<div class="give-grid-col-6">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-6">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-4">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-4">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-4">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-3">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-3">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-3">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-3">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-12">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-4">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-8">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-7">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-5">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-3">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-9">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-10">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-2">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-1">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-11">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-2">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-2">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-2">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-2">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-2">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>
			<div class="give-grid-col-2">
				<div>Field A</div>
				<input type="text" style="width: 100%;">
			</div>

		</div>

		<?php
	}
}