2015-06-05 4 views
0
<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>@ViewBag.Title</title> 
    @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 
    @Scripts.Render("~/bundles/jquery") 
    <style> 
     .navbar-brand 
     { 
      float:none; 
     } 
    </style> 
    <script> 
     $(function() { 
      $("a.navbar-brand > div.text-center").mouseenter(function() { 
       $(this).animate({ 
        fontSize: "1.05em" 
       }, 300); 
      }).mouseleave(function() { 
       $(this).animate({ 
        fontSize: "0.95em" 
       }, 300); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <div class="navbar navbar-inverse navbar-fixed-top"> 
     <a class="navbar-brand" href="~/Home/Index"> 

      <div class="text-center"> 
       <span class="glyphicon glyphicon-info-sign top"></span> 
        <b>Viswaprani Healing Center's Home Page</b> 
      </div> 
     </a> 
     <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
      </ul> 
     </div> 
    </div> 
    @RenderBody() 
</body> 
</html> 

При вводе указаний мыши и оставьте его в названии. Начальная страница Исцеляющего центра Viswaprani. Как это остановить? Как сохранить постоянную высоту навигатора ?. Пожалуйста, помогите мне.Как оживить размер текста, не влияя на высоту навигатора?

ответ

2

Дайте .navbar-brand на высоту строки, которая будет уместно, если текст в это самый большой:

.navbar-brand { 
    float:none; 
    line-height:25px; 
} 

Bootply

+0

Спасибо George .. – user3762230