twitter-bootstrap中的文本對齊

Question

在我的網站上，我正在放置Google地圖以顯示我的位置。 我想通了Google Map API，沒有任何困難。 我的問題是我在谷歌地圖旁邊寫了我的電話號碼和地址，但它總是顯示在谷歌地圖下面。 我嘗試了幾個不同的Bootstrap網格組件，但是沒有運氣。

<section id="contact">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2>Contact Us</h2>
                <hr class="star-primary">
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 col-xs-6 col-sm-3">
              <div id='map'></div>
                <span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>
                <div>123-4567-8910
                </div>
            </div>
        </div>
    </div>
</section>

第6行是自定義CSS，顯示hr行中間的星標。 我嘗試了一些組件，但是我的聯系信息就在地圖旁邊，沒有任何空間。 我該怎么辦？ 謝謝你的閱讀！

Answer 1

您可以在兩列中設置樣式

       <div class="row">
        <div class="col-md-4 col-xs-6 col-sm-3">
          <div id='map'></div>
        </div>
        <div class="col-md-4 col-xs-6 col-sm-3">
            <span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>
            123-4567-8910
        </div>
    </div>

或者你左邊一個浮標（在divinside里面有跨度）

      <div class="row">
        <div class="col-md-4 col-xs-6 col-sm-3">
          <div id='map'></div>
            <span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>
            <div style="float-left" > span class="glyphicon glyphicon-phone-alt" aria-hidden="true">123-4567-8910</span>
            </div>
        </div>
    </div>

否則，請檢查您的頁面/標簽是否格式正確（正確嵌套，打開/關閉）