PDA

View Full Version : قرار دادن تصوبر پرسنلی در کنار ستون ها تکس باکس bootstrap 3



saeed31641
دوشنبه 24 فروردین 1394, 19:57 عصر
سلام دوستان من یه فرم دارم حالا امدم یه عکسم به فرم اضافه کردن با بوت استرپ ولی جای خودش درست قرار نمیگره.لطفا به عکس توجه فرمایید 130308
میخام عکس دقیقا روبه رو ستون ها باشه
اینم کدهای فوق


<fieldset class="scheduler-border">
<legend class="scheduler-border">اطلاعات فردی </legend>

<div class="control-group">
<div class="col-sm-2 pull-left">
<div class="form-group row">
<img src="~/Content/Images/user/IMGE.jpg" height="114" width="94" class="img-thumbnail">
</div>
</div>
<div class="col-md-6">
<div class="form-group row">
@Html.LabelFor(model => model.UserName, htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-3">
@Html.EditorFor(model => model.UserName, new { htmlAttributes = new { @class = "form-control-left", Style = "width:100px" } })
@*@Html.ValidationMessageFor(model => model.UserName, "", new { @class = "text-danger" })*@
</div>
@Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-3">
@Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control", Style = "width:100px" } })
@*@Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })*@
</div>
@Html.LabelFor(model => model.Family, htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-3">
@Html.EditorFor(model => model.Family, new { htmlAttributes = new { @class = "form-control", Style = "width:100px" } })
@*@Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })*@
</div>


</div>

<div class="form-group row">
@Html.LabelFor(model => model.Father_Name, htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-3">
@Html.EditorFor(model => model.Father_Name, new { htmlAttributes = new { @class = "form-control", Style = "width:150px" } })

</div>
@Html.LabelFor(model => model.Sex, htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-3">
@Html.DropDownListFor(m => m.Sex, Lab_DomainClasses.Cons.Fill_Name_Ref("jensiyat"), new { @class = "form-control", style = "width:100px" })

</div>
@Html.LabelFor(model => model.Marriage, htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-3">
@Html.DropDownListFor(m => m.Marriage, Lab_DomainClasses.Cons.Fill_Name_Ref("Marriage"), new { @class = "form-control", style = "width:100px" })
</div>
</div>
<div class="form-group row" >
@Html.LabelFor(model => model.Birth_Date, htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-3">
@Html.EditorFor(model => model.Birth_Date, new { htmlAttributes = new { @class = "form-control-left", Style = "width:100px" } })
@*@Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })*@
</div>
@Html.LabelFor(model => model.Birth_Cert_NO, htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-3">
@Html.EditorFor(model => model.Birth_Cert_NO, new { htmlAttributes = new { @class = "form-control-left", Style = "width:100px" } })
@*@Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })*@
</div>
@Html.LabelFor(model => model.National_Code, htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-3">
@Html.EditorFor(model => model.National_Code, new { htmlAttributes = new { @class = "form-control-left", Style = "width:100px" } })
@*@Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })*@
</div>

</div>
<div class="form-group row">

@Html.LabelFor(model => model.Birth_Place, htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-3">
@Html.EditorFor(model => model.Birth_Place, new { htmlAttributes = new { @class = "form-control", Style = "width:150px" } })
@*@Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })*@
</div>
</div>

</div>


</div>
@*<div style="margin-right:780px;margin-top:-5PX;position:absolute;width:94px;height:114px" >
<img width="94PX" height="114PX" style="border:groove 1px #0094ff;border-radius:5%" src="~/Content/Images/user/IMGE.jpg" />
</div>*@

</fieldset>