可以使用一些帮助理解的div和布局在MVC视图我怎样才能让我的MVC局部视图布局使用剑道MVC
我有局部视图在两列,而不是一个显示
@model Hybridinator.WebUI.Models.DatabaseModel
<br />
if (Model != null)
{
if (Model.database_name != null && Model.database_name != "")
{
<div class="form-group">
<div id="databaselabel">@Html.LabelFor(m => m.database_name, "Database")</div>
<div id="databaseedit">@Html.DisplayFor(m => m.database_name)</div>
</div>
<div class="form-group">
<div id="databaseserverlabel">@Html.LabelFor(m => m.database_server, "Database Server")</div>
<div id="databaseserveredit">@Html.DisplayFor(m => m.database_server)</div>
</div>
<div class="form-group">
<div id="databaseusernamelabel">@Html.LabelFor(m => m.database_username, "Database Username")</div>
<div id="databaseusernameedit">@Html.DisplayFor(m => m.database_username)</div>
</div>
<div class="form-group">
<div id="databasepasswordlabel">@Html.LabelFor(m => m.database_password, "Database Password")</div>
<div id="databasepasswordedit">@Html.DisplayFor(m => m.database_password)</div>
</div>
<div class="form-group">
<div id="histdatabaselabel">@Html.LabelFor(m => m.hist_database_name, "History Database")</div>
<div id="histdatabaseedit">@Html.DisplayFor(m => m.hist_database_name)</div>
</div>
<div class="form-group">
<div id="histdatabaseserverlabel">@Html.LabelFor(m => m.hist_database_server, "History Database Server")</div>
<div id="histdatabaseserveredit">@Html.DisplayFor(m => m.hist_database_server)</div>
</div>
<div class="form-group">
<div id="histdatabaseusernamelabel">@Html.LabelFor(m => m.hist_database_username, "History Database Username")</div>
<div id="histdatabaseusernameedit">@Html.DisplayFor(m => m.hist_database_username)</div>
</div>
<div class="form-group">
<div id="histdatabasepasswordlabel">@Html.LabelFor(m => m.hist_database_password, "History Database Password")</div>
<div id="histdatabasepasswordedit">@Html.DisplayFor(m => m.hist_database_password)</div>
</div>
<div class="form-group">
<div id="sqltypelabel">@Html.LabelFor(m => m.sql_type_pk, "Sql Type")</div>
<div id="sqltypeddl">@Html.DisplayFor(m => m.sql_type)</div>
</div>
<br />
@(Html.Kendo().Button()
.Name("buttonEditDatabase")
.Content("Edit")
.Events(events => { events.Click("editDatabase"); })
)
}
}
当它显示它看起来像这样...
什么,我想是,它实际上是在两列看起来像这样
关于如何做到这一点...也许使用的div的意见来完成布局的很好的教程,将不胜感激任何意见。
样式您使用CSS元素[定位](http://www.w3schools.com/css/css_positioning.asp)和/或[浮子](http://www.w3schools.com/css/ css_float.asp)。为什么你部分有'