Html 显示定义列表、dt和；同一线路上的dd

我想在详细信息页面上显示几行数据，每行都有标题和数据。数据显示很好，但由于我的标题有点长，所以不适合同一行。它延伸到下一行。例如，我希望标题“演讲者与观众的互动”显示在一行中，而不是“与观众”显示在标题前半部分的新行中。我已经玩了一段时间了，但似乎什么都没用

这就是我在视图中的风格

<style>
    dl {
        width: 395px;
        font-size: 15px
    }

    dd, dt {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    dt {
        float: left;
        padding-right: 5px;
        font-weight: bolder;
    }

    dt {
        clear: left;
    }

    dt, dd {
        min-height: 1.5em;
    }
</style>

dl{
宽度：395px；
字体大小：15px
}
dd，dt{
垫面：5px；
垫底：5px；
}
dt{
浮动：左；
右侧填充：5px；
字体大小：粗体；
}
dt{
清除：左；
}
dt，dd{
最小高度：1.5em；
}

我的代码结构是这样的

<div>
    <h4>IndividualSessionEvaluation</h4>
    <hr />
    <dl class="dl-horizontal">

        <dt>
            @Html.DisplayNameFor(model => model.OnScreenPresentation)
        </dt>
        <dd>
            @Html.DisplayFor(model => model.OnScreenPresentation)
        </dd>   

        <dt>
            @Html.DisplayNameFor(model => model.SpeakersSubjectKnowledge)
        </dt>
        <dd>
            @Html.DisplayFor(model => model.SpeakersSubjectKnowledge)
        </dd>

        <dt>
            @Html.DisplayNameFor(model => model.SpeakersInteractionwithAudience)
        </dt>
        <dd>
            @Html.DisplayFor(model => model.SpeakersInteractionwithAudience)
        </dd>
    </dl>
</div>

个人会话评估

@DisplayNameFor（model=>model.OnScreenPresentation）
@DisplayFor（model=>model.OnScreenPresentation）
@DisplayNameFor（model=>model.SpeakersSubjectKnowledge）
@DisplayFor（model=>model.SpeakersSubjectKnowledge）
@DisplayNameFor（model=>model.speakerInteractionWithAudience）
@DisplayFor（model=>model.speaker与观众互动）

请按如下方式使用引导列组合

    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

  <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
    <!-- Data -->
  </div>

  <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
    <!-- Value -->
  </div>

</div>

我应该将这些列组合放在视图中的什么位置？我只有一个有

的div，里面有几个

和

的div。嗨，你能发布你的代码结构示例吗？？谢谢。@AlexisToby我已经编辑了我的帖子，并在我的详细信息查看页面中发布了我的代码结构示例。既然你可以用CSS自己做，为什么他要使用bootstrap呢？

标记没有结束斜杠。
这不是hr标记的开始和结束吗？不。
标记是自动结束的并且没有结束斜杠：