Boostrap div落在视点之外324像素。为什么？

Question

  

页面内容为736 CSS像素宽，但视口只有412   CSS像素宽。以下元素不在视口范围内：

     

以下元素不在视口范围内：

 <div class="fw-col-xs-12">My testimonial…e
Ip10/31/2018</div>

我的代码：

    <?php if (!defined('FW')) die('Forbidden');

    /**
     * @var $atts The shortcode attributes
     */
    ?>
    <?php
         $section_id = mim_theme_builder_field( $atts['section_id'] );
         $portfolio_section_title = mim_theme_builder_field( 
         $atts['portfolio_section_title'] );
         $portfolio_selected_items = mim_theme_builder_field( 
         $atts['portfolio_selected_items'] );
         $background_type = mim_theme_builder_field( 
          $atts['background_type'] 
           );
        $link_type = mim_theme_builder_field( $atts['link_type'] );
        $contact_form_shortcode = mim_theme_builder_field( 
        $atts['contact_form_shortcode'] );

        if( mim_theme_version_switcher() == 'dark' ){
            $class_version = ( $background_type == 'light' ) ? 'dark-version bg- 
            color-3' : 'dark-version dark-bg' ;
            $class_two = 'white-color';
        } else {
            $class_version = ( $background_type == 'light' ) ? 'light-bg' : 'bg- 
            color-1' ;
            $class_two = '';
        }
    ?>

<section class="portfolio-area portfolio-one <?php echo esc_attr( $class_version ); ?> section-padding clearfix" id="<?php echo esc_attr( $section_id ); ?>">
    <div class="container">
        <?php if( $portfolio_section_title ): ?>

            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title text-center mb-30">
                        <h2 class="mb-20 <?php echo esc_attr( $class_two ); ?>"> 
                           <?php echo esc_html( $portfolio_section_title ); ?>
                        </h2>
                        <div class="horizontal-line">
                            <div class="top"></div>
                            <div class="bottom"></div>
                        </div> <!-- horizontal line -->
                    </div> <!-- section title close -->


        <?php endif; ?>

              <?php
                  if( $contact_form_shortcode ):
                      echo do_shortcode( $contact_form_shortcode );
                  endif;
              ?>


                <?php// endif; ?>
            </div> <!-- col -->
        </div> <!--row-->
    </div> <!--container-->
</section>

我试图修改bootstrap html代码，但是似乎仍然遇到相同的视口问题？