Então, eu tenho 2 campos de texto e tenho 4 checkBox que funcionam como switch. Eu não estou conseguindo colocar os checkbox ao lado dos campos de texto. Minha ideia é agrupar os checkbox em 4, ao lado desses campos de texto.
Segue imagem para ter uma ideia:
<div class="form-horizontal">
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
@Html.HiddenFor(model => model.Id)
<div class="container">
<div class="card" style="margin:50px 0">
<div class="card-header">Editar Código e sub-códigos</div>
<div class="form-group">
<div class="form-group col-md-6">
@Html.LabelFor(model => model.Codigo, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-6">
@Html.EditorFor(model => model.Codigo, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Codigo, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group col-md-6 ">
@Html.LabelFor(model => model.Descricao, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-6">
@Html.EditorFor(model => model.Descricao, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Descricao, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-row ">
<div class="form-group">
<div class="card align-items-center" style="margin:20px 10px 10px 10px">
<div class="card-header">ExibirInfoPosicionamento</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<label class="switch ">
@Html.CheckBoxFor(model => model.Ativo)
<span class="slider"></span>
</label>
</li>
</ul>
<div class="form-group ">
<div class="card-header">Ativo</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<label class="switch ">
@Html.CheckBoxFor(model => model.Ativo)
<span class="slider"></span>
</label>
</li>
</ul>
</div>
<div class="card-header">Ativo</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<label class="switch ">
@Html.CheckBoxFor(model => model.Ativo)
<span class="slider"></span>
</label>
</li>
</ul>
<div class="card-header">ExibirInfoMeteorologica</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<label class="switch ">
@Html.CheckBoxFor(model => model.Ativo)
<span class="slider"></span>
</label>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>