Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何对齐输入框_Html_Css - Fatal编程技术网

Html 如何对齐输入框

Html 如何对齐输入框,html,css,Html,Css,我有文本和输入框,我想对齐文本和输入框,但没有运气。这样做的想法是什么?您用于解决此类问题的流程/步骤是什么(或您如何看待此问题) <div class="container-fluid"> <div class="row"> <div class="col-sm-4"> <div> @Html.LabelFor(model => model.Name)

我有文本和输入框,我想对齐文本和输入框,但没有运气。这样做的想法是什么?您用于解决此类问题的流程/步骤是什么(或您如何看待此问题)

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-4">
            <div>
                @Html.LabelFor(model => model.Name)
                @Html.EditorFor(model => model.Name)
                @Html.ValidationMessageFor(model => model.Name)
            </div>
            <div>
                @Html.LabelFor(model => model.ComputerID)
                @Html.EditorFor(model => model.ComputerID)
                @Html.ValidationMessageFor(model => model.ComputerID)
            </div>
        </div>
        <div class="col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div>
        <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>
    </div>
</div>

@LabelFor(model=>model.Name)
@EditorFor(model=>model.Name)
@Html.ValidationMessageFor(model=>model.Name)
@LabelFor(model=>model.ComputerID)
@EditorFor(model=>model.ComputerID)
@Html.ValidationMessageFor(model=>model.ComputerID)
.col-sm-4
.col-sm-4
试试这个:

<form class="form-inline">
  <div class="form-group">
    <label for="exampleInputName2">Name</label>
    <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
  </div>
  <div class="form-group">
    <label for="exampleInputEmail2">Email</label>
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
  </div>
  <button type="submit" class="btn btn-default">Send invitation</button>
</form>

名称
电子邮件
发出邀请

请发布razor生成的HTML。只需检查浏览器中的容器元素并复制特定的html即可。