Div class aligning

Question

Hi Team I need some help with aligning of my div, basically i have label and want @html.Editor(model=>model.CourseName) be next to this label. Somehow its not and need some help. class = "row" > class = "col-xs-3" > "button" class = "btn btn-primary" data-toggle= "modal" data-target= "#exampleModal" > Start New Course class = "modal fade" id= "exampleModal" tabindex= "-1" role= "dialog" aria-labelledby= "exampleModalLabel" aria-hidden= "true" > class = "modal-dialog" role= "document" > class = "modal-content" > class = "modal-header" > class = "modal-title" id= "exampleModalLabel" >Start New Course "button" class = "close" data-dismiss= "modal" aria-label= "Close" > "true" >× class = "form-group row" > for = "CourseName" class = "col-sm-2 col-form-label" >CourseName: class = "col-sm-8" >@Html.EditorFor(model => model.CourseName, new { htmlAttributes = new { @ class = "form-control" , autofocus = "autofocus" , placeholder = "CourseName" } }) // here it must next to the label and cant make it need help here please team. class = "modal-footer" > "button" class = "btn btn-secondary" data-dismiss= "modal" >Cancel "button" class = "btn btn-primary" >Create Course

Guest User · Answer

Hi Pandey I did look here below the screen shot, together with this code; class = "form-group" > @Html.LabelFor(model => model.CourseName, htmlAttributes: new { @ class = "control-label col-md-2" }) class = "col-sm-6" > @Html.EditorFor(model => model.CourseName, new { htmlAttributes = new { @ class = "form-control" , autofocus = "autofocus" , placeholder = "CourseName" } })

Laxmidhar Sahoo · Answer

Hi Inside the row class div put both lable and edit box div class = "form-group row" > label for = "CourseName" class = "col-sm-2 col-form-label" > CourseName: label > div class = "col-sm-8" > @Html.EditorFor( model = > model.CourseName, new { htmlAttributes = new { @ class = "form-control" , autofocus = "autofocus" , placeholder = "CourseName" } }) // here it must next to the label and cant make it need help here please team. div > div > Thanks and regards

Shantanu Pandey · Answer

Try using @Html.LabelFor(model => model.CourseName, htmlAttributes: new { @class = "control-label col-md-2" }) or @Html.Label("CourseName", htmlAttributes: new { @class = "control-label col-md-2" }) instead of Label, you can play with the size of col-md-2 based on your requirement.