将表单分为两列

Question

我试图将我的结帐表单分成两列（Twitter Bootstrap），但它并没有真正解决。

当我输入所有必需的信息时，它表示字段未按要求填写。我猜它与两次加载的表单脚本有关。

这是代码，我试图将其分开：

<form name="checkout" method="post" class="checkout woocommerce-checkout" action="<?php echo esc_url( $get_checkout_url ); ?>" enctype="multipart/form-data">

        <?php if ( sizeof( $checkout->checkout_fields ) > 0 ) : ?>

            <?php do_action( 'woocommerce_checkout_before_customer_details' ); ?>

            <div class="col2-set" id="customer_details">
                <div class="col-1">
                    <?php do_action( 'woocommerce_checkout_billing' ); ?>
                </div>

                <div class="col-2">
                    <?php do_action( 'woocommerce_checkout_shipping' ); ?>
                </div>
            </div>

            <?php do_action( 'woocommerce_checkout_after_customer_details' ); ?>

            <h3 id="order_review_heading"><?php _e( 'Your order', 'woocommerce' ); ?></h3>

        <?php endif; ?>

我想把它分开：

        <?php do_action( 'woocommerce_checkout_before_order_review' ); ?>

        <div id="order_review" class="woocommerce-checkout-review-order">
            <?php do_action( 'woocommerce_checkout_order_review' ); ?>
        </div>

        <?php do_action( 'woocommerce_checkout_after_order_review' ); ?>

</form>

我做错了什么？

要查看我尝试编辑的页面，请转到link并将产品添加到购物车。然后去link