2014-10-06 68 views
2

在ASP.NET MVC项目中,我想向用户显示一条简短消息,例如。 '你好,用户名!'asp.net mvc,在导航栏中显示用户名

我在导航栏中,如果用户登录。我使用标准引导程序布局,并尝试这样做,但它看起来很奇怪。我不确定要更改哪些CSS或HTML。这是我正在尝试的。

@if (Session["Username"] != null) 
      { 
       <ul class="nav navbar-nav navbar-right"> 
        <li>Hello, @Session["Username"]</li> 
        <li>@Html.ActionLink("Logout", "Logout", "Home")</li> 
       </ul> 
      } 
      else 
      { 
       <ul class="nav navbar-nav navbar-right"> 
        <li>@Html.ActionLink("Register", "Register", "Home")</li> 
       </ul> 
      } 

这是在我的_Layout页面。出现正确的文本,但它是偏离中心和黑暗,不容易看到。我怎样才能让它看起来就像动作链接一样?

+0

可以使用mozila的萤火更改CSS。您可以使用此[链接](http://getfirebug.com/css)和另一个[链接](http://stackoverflow.com/questions/162644/why-cant-i-save-css-changes-in-萤火虫) – 2014-10-06 06:39:19

+0

你可以添加样式到你的用户名,如

  • 你好 @ Session [“用户名”]
  • 2014-10-06 06:41:20

    +0

    使用你的浏览器工具来检查链接的CSS,属性,然后在具有该类名称的元素中呈现消息 – 2014-10-06 06:58:49

    回答

    0

    您可以使用htmlAttributes转变作风

    <li>@Html.ActionLink("Logout", "Logout", "Home", htmlAttributes: new { @style="font-size:small;color:blue" })</li> 
    
    +0

    动作链接显示正常。我想'

  • 你好,@Session [“用户名”]
  • '看起来像动作链接。 – 2014-10-06 07:16:30