Bootstrap glyphicon с MVC

Question

синтаксис

Withour Бритвы я могу использовать glyphicon так:

<div id="addIndirectCityBtn" class="btn btn-success btn-xs"> 
    <span class="glyphicon glyphicon-plus"></span> Add 
</div> 

И это отлично работает, glyphicon с текстовым полем с использованием синтаксиса бритвы, как показано ниже

@Html.TextBoxFor(model => model.From.City, new { @id = "cityFrom", @class = "form-control", @placeholder = "City", @style = "margin-bottom: 10px;" }) 

Где я должен использовать glyphicon для введите его в текстовое поле или рядом с текстовым полем

Answer 1

Вы можете использовать группу ввода в bootstrap, класс управления формами поместит объект на 100% ширину поля, поэтому вам нужно сгруппировать их.

Вот пример

<div class="input-group"> 
    @Html.TextBoxFor(model => model.From.City, new { @id = "cityFrom", @class = "form-control", @placeholder = "City", @style = "margin-bottom: 10px;" } 
    <span class="input-group-addon"><i class="glyphicon glyphicon-plus"></i> Add</span> 
</div> 

Answer 2

Как использовать Glyphicons в Mvc Использование модели

• , например:

Модель

public class Menu 
    { 
     public int Id { get; set; } 
     public string Name { get; set; } 
     public string Menuicon { get; set; } 
    } 

Контроллер

[HttpPost] 
     public ActionResult Index(Menu m) 
     { 
      ViewBag.Message = m.Menuicon; 
      return View(m); 
     } 

Index Просмотр

@model projectname.Models.Menu 

@using (Html.BeginForm("Index", "Home", FormMethod.Post)) 
{ 
    @Html.LabelFor(Model => Model.Name)<br /> 
     @Html.EditorFor(Model => Model.Name)<br /> 
     @Html.LabelFor(Model => Model.Menuicon)<br /> 
     @Html.EditorFor(Model => Model.Menuicon)<br /> 

     <input type="submit" value="Save"> 
} 
<br /> 

<div> 
    <span class="@ViewBag.Message"></span> 
</div> 

Результат