質問: "Details"; } 詳細 引込工事 20150801 @Html.DisplayNameFor(model => model.Id) @Html.DisplayFor(model => model.Id) @Html.DisplayNameFor(model => model.P_N_Apartment_List_Id) @Html.DisplayFor(model => model.P_N_Apartment_List_Id) @Html.DisplayNameFor(model => model.kanryou_bi) @Html.DisplayFor(model => model.kanryou_bi) @Html.DisplayNameFor(model => model.seikyu_bi) @Html.DisplayFor(model => model.seikyu_bi) @Html.DisplayNameFor(model => model.shiharai_bi) @Html.DisplayFor(model => model.shiharai_bi) @Html.DisplayNameFor(model => model.P_N_T_N_A_Pull_20150801_Builder.builder_name) @Html.DisplayFor(model => model.P_N_T_N_A_Pull_20150801_Builder.builder_name) @Html.DisplayNameFor(model => model.s_4_yucyaku_1) @Html.DisplayFor(model => model.s_4_yucyaku_1) @Html.DisplayNameFor(model => model.s_4_yucyaku_2) @Html.DisplayFor(model => model.s_4_yucyaku_2) @Html.DisplayNameFor(model => model.s_8_yucyaku_1) @Html.DisplayFor(model => model.s_8_yucyaku_1) @Html.DisplayNameFor(model => model.s_8_yucyaku_2) @Html.DisplayFor(model => model.s_8_yucyaku_2) @Html.DisplayNameFor(model => model.kapura_toritsukke) @Html.DisplayFor(model => model.kapura_toritsukke) @Html.DisplayNameFor(model => model.e_4) @Html.DisplayFor(model => model.e_4) @Html.DisplayNameFor(model => model.e_8) @Html.DisplayFor(model => model.e_8) @Html.DisplayNameFor(model => model.sp_shinsetsu) @Html.DisplayFor(model => model.sp_shinsetsu) @Html.DisplayNameFor(model => model.sp_koukan) @Html.DisplayFor(model => model.sp_koukan) @Html.DisplayNameFor(model => model.m_shinsetsu) @Html.DisplayFor(model => model.m_shinsetsu) 編集 | 削除 | Back to List @section Scripts { @{await Html.RenderPartialAsync("_ValidationScriptsPartial");} } これはsite.cssに明記しました @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 280px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 300px; } }
回答: 幅を長くするものは特に用意されていないようなので、CSSを書いて上書きしましょう。 ``` @media (min-width: 768px) { .dl-horizontal dt { width: 300px; /* ...をなくしたければ white-space: normal; としてもいいかも */ } .dl-horizontal dd { margin-left: 320px; } } ``` ちなみに Bootstrap 4では .dl-horizontal は削除され、グリッドシステムを使うようになっています。