Col 6 Проблемы выравнивания панелей

Question

Первый опыт с начальной загрузкой.Хотите 2 панели рядом друг с другом, используя класс col-lg-6.На левой панели будет ссылка на статью с изображением.Справа будет окно регистрации / входа.При загрузке сайта 2 панель идет под?

<div class="row">
            <div class="col-lg-6">
                <h2>Lastest News</h2>
                <p>Article</p>
                <div class="panel panel-default">
                <div class="panel-heading">Panel Header</div>
                <div class="panel-body"><img class="img-responsive" src="images/warning.png"</div>
            </div>
        </div>
            <div class="col-lg-6">
                <form action="/action_page.php">
                    <h2>Buy, Sell and more deals!</h2>
                    <div class="form-group">
                        <label for="email">Email address:</label>
                        <input type="email" class="form-control" id="email">
                    </div>
                    <div class="form-group">
                        <label for="pwd">Password:</label>
                        <input type="password" class="form-control" id="pwd">
                    </div>
                    <div class="checkbox">
                        <label><input type="checkbox"> Remember me</label>
                    </div>
                    <ul class="nav navbar-nav navbar-center">
                        <li>
                            <button class="navbutton"> 
                                Login
                            </button>
                        </li>
                        <li>
                            <p> Not with us yet? </p>
                        </li>
                        <li>
                            <button class="navbutton"> 
                                Sign Up
                            </button>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
    </div>

Это все внутри контейнера.

Перед добавлением img

После добавления img

Answer 1

Пожалуйста, используйте этот HTML

<div class="row">
    <div class="col-lg-6">
        <h2>Lastest News</h2>
        <p>Article</p>
        <div class="panel panel-default">
            <div class="panel-heading">Panel Header</div>
            <div class="panel-body">
            <img class="img-responsive" src="images/warning.png"/>
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <form action="/action_page.php">
            <h2>Buy, Sell and more deals!</h2>
            <div class="form-group">
                <label for="email">Email address:</label>
                <input type="email" class="form-control" id="email">
            </div>
            <div class="form-group">
                <label for="pwd">Password:</label>
                <input type="password" class="form-control" id="pwd">
            </div>
            <div class="checkbox">
                <label><input type="checkbox"> Remember me</label>
            </div>
            <ul class="nav navbar-nav navbar-center">
                <li>
                    <button class="navbutton"> 
                                Login
                            </button>
                </li>
                <li>
                    <p> Not with us yet? </p>
                </li>
                <li>
                    <button class="navbutton"> 
                                Sign Up
                            </button>
                </li>
            </ul>
        </form>
    </div>
</div>