יצירת איזור סיידבר חדש לווידגטים

הצלחתי להתקדם מעט אשמח לעוד טיפלה עזרה, מה שעשיתי:
ב functions.php בתבנית בת כתבתי את הקוד הבא:

function scratch_widgets_init() {
	register_sidebar( array(
		'name'          => 'above-menu-right',
		'id'            => 'above-menu-right',
	) );

		register_sidebar( array(
		'name'          => 'above-menu-left',
		'id'            => 'above-menu-left',
	) );
}

add_action( 'widgets_init', 'scratch_widgets_init' );

לאחר מכן העתקתי את הקובץ header.php לתבנית בת ושמתי שם את הקוד הבא

<div class="container">
     <div class="pull-right"><?php dynamic_sidebar( 'above-menu-right' ); ?></div>
     <div class="pull-left"><?php dynamic_sidebar( 'above-menu-left' ); ?></div>
</div>

השאלה היא אם עד כה עשיתי בסדר נכון? זה נראה שעובד, השתמשתי ב pull right & pull left מבלי לדעת מה זה עושה, פשוט לקחתי את המבנה דרך התבנית של סקופ.
עכשיו למה למשל שזרקתי לכל איזור, ווידג'ט של טקסט, ה bullet של הרכיב יורד שורה? כאילו זה משהוא עם הרוחב דפוק? או אולי הייתי צריך לתת לדיו עימוד עם הקלאסים של בוטסטראפ col-md-6 לכל דיו? אני לא בטוח ש md זה תואם לכל הרוחבים.

אשמח להכוונה

אוקיי רשמתי את הקוד HTML שכתבת, עכשיו למה לדוגמא הווידג'ט טקסט הימני והשמאלי יורדים שורה אחרי הבולט? (לא מצליח להבין את ההתנהגות הדיפולטיבית הזאת)
מצורף צילום מסך:
http://s2.postimg.org/uv95oosi1/top_bar.jpg
כתובת אתר: http://www.bereshit-event.co.il/

אם אני נותן ל LI של הווידג'טים, list-style:none פתאום הטקסט מתיישר והכל ניהיה טוב, ככה גם אתם עושים בתבניות שלכם?
או שיש טריק יותר נכון מבחינת קוד?

תודה רבה 🙂