html - GWTBootstrap 行が行ではなく列として表示される

Question

ブートストラップを使用して既存の GWT プロジェクトを変換し始めたところです。次のコードでは、最初の img、h3、および 2 番目の img が 1 つの行 (互いに隣り合っている) ではなく、1 つの列 (上下に並んでいる) にあります。

<div id="login"  class="container-fluid" style="background-repeat: repeat; background-image: url('body-bg.jpg'); display:flex;">

        <div class="row">
            <div class="col-md-4">
                <img class="myimg" alt="Bootstrap Image Preview" src="logo.png" style="width: 130px;" />
            </div>
            <div class="col-md-4">
                <h3> Welcome to the Award Tracker login page. </h3>
            </div>
            <div class="col-md-4">
                <img class="myimg" alt="Bootstrap Image Preview" src="1stER_icon_256.png" style="width: 130px;" />
            </div>
        </div> <!-- /row -->

        <div class="row">
            <div class="col-md-12">
                <form class="form-signin">
                    <h2 class="form-signin-heading">Please sign in</h2>
                    <input id="accountName" type="text" class="input-block-level" placeholder="Email address">
                    <input id="enterPassword" type="password" class="input-block-level" placeholder="Password">
                    <button id="submit" class="btn btn-large btn-primary" type="submit">Sign in</button>
                </form>
            </div>
        </div> <!-- /row -->

    </div> <!-- /container -->

最初の行を列ではなく行にする方法を教えてください。

また、ページを縮小するとimgを縮小する方法はありますか?

http://www.layoutit.com/buildを使用してこれを作成し、ほとんど変更を加えませんでした。インターネットが非常に遅いため、ダウンロードできる優れた無料の製品はありますか?