main_nav.php

<div class="main-nav">
    <div class="row">
        <div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3">
            <ul class="nav nav-tabs nav-justified text-left">
                <li>
                    <a href="#home" data-toggle="tab">Schmuck</a>
                </li>
                <li><a href="#profile" data-toggle="tab">Manufaktur</a></li>
                <li><a href="#messages" data-toggle="tab">Kontakt</a></li>
            </ul>
        </div>
    </div>
    <div class="tab-content">
        <div class="tab-pane col-lg-offset-3 col-lg-9 col-md-8 col-md-offset-4 col-sm-6 col-sm-offset-3" id="home">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-4">
                    <h5>Kategorie</h5>
                    <ul class="list-unstyled">
                        <li>
                            <a href="/lilalaunebaer" data-image="dummys/sub_menu_1.jpg">
                                Lorem Ipsum
                            </a>
                        </li>
                        <li>
                            <a href="/rosalaunebaer" data-image="dummys/sub_menu_1.jpg">
                                Lorem Ipsum
                            </a>
                        </li>
                        <li>
                            <a href="" data-image="dummys/sub_menu_1.jpg">
                                Lorem Ipsum
                            </a>
                        </li>
                        <li>
                            <a href="" data-image="dummys/sub_menu_1.jpg">
                                Lorem Ipsum
                            </a>
                        </li>
                        <li>
                            <a href="">
                                Lorem Ipsum
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4">
                    <h5>Headline</h5>
                    <ul class="list-unstyled">
                        <li>
                            <a href="/lilalaunebaer" data-image="dummys/sub_menu_1.jpg">
                                Lorem Ipsum
                            </a>
                        </li>
                        <li>
                            <a href="/rosalaunebaer" data-image="dummys/sub_menu_1.jpg">
                                Lorem Ipsum
                            </a>
                        </li>
                        <li>
                            <a href="" data-image="dummys/sub_menu_1.jpg">
                                Lorem Ipsum
                            </a>
                        </li>
                        <li>
                            <a href="" data-image="dummys/sub_menu_1.jpg">
                                Lorem Ipsum
                            </a>
                        </li>
                        <li>
                            <a href="">
                                Lorem Ipsum
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4">
                       <div class="main-nav-sub-preview"></div>
                </div>
            </div>
        </div>
        <div class="tab-pane col-lg-offset-4 col-lg-8 col-md-8 col-md-offset-4 col-sm-6 col-sm-offset-3" id="profile">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-4"></div>
                <div class="col-lg-4 col-md-4 col-sm-4">
                    <h5>Headline</h5>
                    <ul class="list-unstyled">
                        <li>
                            <a href="/lilalaunebaer" data-image="dummys/sub_menu_1.jpg">
                                Lorem Ipsum
                            </a>
                        </li>
                        <li>
                            <a href="/rosalaunebaer" data-image="dummys/sub_menu_1.jpg">
                                Lorem Ipsum
                            </a>
                        </li>
                        <li>
                            <a href="" data-image="dummys/sub_menu_1.jpg">
                                Lorem Ipsum
                            </a>
                        </li>
                        <li>
                            <a href="" data-image="dummys/sub_menu_1.jpg">
                                Lorem Ipsum
                            </a>
                        </li>
                        <li>
                            <a href="">
                                Lorem Ipsum
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4">
                    <div class="main-nav-sub-preview"></div>
                </div>
            </div>
        </div>
        <div class="tab-pane " id="messages">

        </div>
        <div class="clearfix"></div>
    </div>
</div>