Asp.net mvc 4 带引导的ASP.net导航栏

Asp.net mvc 4 带引导的ASP.net导航栏,asp.net-mvc-4,bootstrap-4,Asp.net Mvc 4,Bootstrap 4,各位晚上好。 我想在导航栏附近添加一个图像,但我无法模仿bootstrap提出的代码,因为ASP.net使用razor的助手,而在bootstrap网站中直接使用html代码 请告诉我如何在ASP.net中调整此选项 您应该尝试以下代码,而不是引导的HTML, 其中imagepath是您的图像路径 C#的Razor语法规则: Razor代码块包含在@{…} 内联表达式(变量和函数)以@ C代码区分大小写 变量是用var关键字声明的 代码语句以分号结尾 字符串用引号括起来 C#文件的扩展名为.cs

各位晚上好。 我想在导航栏附近添加一个图像,但我无法模仿bootstrap提出的代码,因为ASP.net使用razor的助手,而在bootstrap网站中直接使用html代码

请告诉我如何在ASP.net中调整此选项

您应该尝试以下代码,而不是引导的HTML, 其中imagepath是您的图像路径

C#的Razor语法规则:

  • Razor代码块包含在@{…}

  • 内联表达式(变量和函数)以@

  • C代码区分大小写

  • 变量是用var关键字声明的

  • 代码语句以分号结尾

  • 字符串用引号括起来

  • C#文件的扩展名为.cshtml

    @model YourProject.Models.ImageModel
    @{ 
        imagePath= "xyz/xyz.jpg"
    }
    
    @if(imagePath != ""){
        <img src="@imagePath" alt="Image Name" width="200px" />
    }
    
    @model YourProject.Models.ImageModel
    @{ 
    imagePath=“xyz/xyz.jpg”
    }
    @如果(imagePath!=“”){
    }
    
  • 如果从模型中获取图像路径,请尝试以下代码:

    @model YourProject.Models.ImageModel
    @如果(Model.Photo!=null&&Model.Photo!=“”){
    } 
    
    如果您不理解,请参考以下链接:

    @model YourProject.Models.ImageModel
    
    
    @if(Model.Photo != null && Model.Photo != ""){
          <img src="@Url.Content(@Model.Photo)" alt="@Model.AlternateText" />
    }