Force widget inline

Hi I building WordPress theme using theme starter from underscore.me and styling with bootstrap, default theme have one sidebar at the right and I want add more sidebar at the bottom.

Problem is my bottom sidebar display widget as li style(vertical) not equal with other widget

Register new sidebar

register_sidebar( array(
		'name'          => esc_html__( 'Sidebar Bawah', 'galira-web' ),
		'id'            => 'sidebar-bawah',
		'description'   => 'posisi sidebar dibagian bawah',
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );

Display sidebar on the footer.php

<li><div id="sidebar-bawah" class="col-md-10 col-md-offset-1">
   <ul>
      <?php
      if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar-bawah') ) :
      endif; ?>
   </ul>
   <div style="clear:both"></div>
</div></li>

The CSS

#sidebar-bawah{
	display: inline;
	background: #ffffff;
	text-align: center;
	border-radius: 15px;
	margin-top: 10px;
	clear: none;
}

screenshoot