CSS調用頭

Question

我希望這個網站的電話號碼是在最後navitem粗糙的右上方我曾嘗試以下CSS

.navbar .brand .contact { 
    display: block; 
    font-size: 12px; 
    font-weight: bold; 
    font-family: 'PT Sans'; 
    display: block; 
    min-width: 200px; 
    float:right; 
    margin-top: 13px; 
} 

但它不也是工作的行動，現在你我如何使電話號碼信息在響應中工作，以便在重新調整主題響應時使其漂浮。

http://parkavenuelasertreatment.com/

Answer 1

我現在看到的問題，而不是定位絕對（會破壞響應式設計）

採取<span class="contact">並把它直接在<div class="container">

像這樣：

<div class="container"> 
       <!-- ========================================= --> 
       <!-- = Used for showing navigation on mobile = --> 
       <!-- ========================================= --> 
      <span class="contact"> 
         (212) 683 7034<br> 
         (212) 683 7757<br> 
         40 Park Avenue, Suite 5<br> 
         New York, New York, 19916<br> 
      </span> 

然後從你的CSS CSS中移除「.navbar.brand」，如下所示：

.contact { 
    display: inline-block; 
    font-size: 12px; 
    font-weight: bold; 
    font-family: 'PT Sans'; 
    min-width: 200px; 
    float: right; 
    margin-top: 13px; 
} 

已經在我的控制檯上測試過了，這應該可以做到！

獎勵：我建議將信息分成2個不同的跨度，以使其合適！

Answer 2

嘗試用

.contact { 
    position: absolute; 
    right: 40px; 
    top: 5px; 
} 

Answer 3

取出float: left從.navbar .brand {}