I added in your styling and was able to determine something.

I have wrapper as false since I am using <ul id="infinitescroller">

So that means that your scroller is not supposed to put in a <div> </div> wrapper, which is operating correctly.

BUT..

Unfortunately, it’s also not putting in an <li>...</li>wrapper around the javascript and <span class=”infinite-loader”..</span> it’s just inserting itself at the end of an
<li></li>
element like this:

<ul is="infinitescroll">
      <li> item one</li>
      <li> item two </li>
     <script id"infinite-handle">...</script>
     <div id="infinite-handle">...</div>
</ul>

Which means that it won’t show as you can’t just put elements at an end of a <ul><li></li></ul> list without an <li>...</li> around it.

Do you know of a solution?

Here is my function code as it currently stands:

function clear_news_infinite_scroll_init() {
    add_theme_support( 'infinite-scroll', array(
        'container'			=> 'infinitescroll',
        'footer'			=> false,
        'footer_widgets'	=> false,
        'wrapper'			=> false,
        'posts_per_page' => 6,
        'render'			=> 'my_child_infinite_scroll_render',
    ) );
}
add_action( 'after_setup_theme', 'clear_news_infinite_scroll_init' );

function my_child_infinite_scroll_render() {
    while ( have_posts() ) {
		 the_post();
        ?>
	<li class="col-md-4 col-sm-6">
		<?php get_template_part( 'templates/parts/content', get_post_format() ); ?>
	</li>
        <?php
} }

Thanks!