В представлении я просматриваю файл и флажок currenlty, флажок находится над элементом управления просмотром, и я хочу, чтобы он находился в левой части экрана, как мне его изменить?
<div class="form-group">
@Html.LabelFor(model => model.Cert, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@if (Model.Certificate !=null)
{
<input type="checkbox" checked="checked" disabled="disabled" />
}
else
{
<input type="checkbox" disabled="disabled" />
}
<input type="file" name=ficateFile />
</div>
</div>
Не видя ваш полный код и css, это сложная задача ответить, возможно, вы могли бы попробовать это?
input[type=checkbox], input[type=file] {
display: inline-block;
}
Если это не работает, вы можете разделить флажок и загрузить файл на 2 столбца, например
<div class="form-group">
<div class="col-md-2"></div> <!-- Label -->
<div class="col-md-2"></div> <!-- Checkbox -->
<div class="col-md-8"></div> <!-- File Upload -->
</div>
<input style="display: inline" type="file" name=ficateFile/>
должен работать. Также измените второй div на span, если вы хотите, чтобы все 3 элемента были в одной строке.
Я не могу видеть ваш css, но вы должны применить некоторые изменения css. См. В инспекторе элементов, где элементы, плавающие, зависят от элемента parrent и настраивают float. Вы можете применить пользовательский класс css, если вы не станете компрометировать свой css.
<style type="text/css"></style>
на странице. Тем не менее, вы должны изменить селекторы CSS на что-то более конкретное, прежде чем добавлять код в таблицу стилей.