CSS类在Partial View中不起作用

Question

我尝试在Partial view

中使用div的css类

这是代码

<div class="div-with-input-calendar">
    <div style="text-align: left; padding-left: 50px;width: 40%; height: 100%; float: left; color: #1d69b4; font-size: 20px;">
        <b>Description</b>
    </div>
    <div style="width: 60%; height: 100%; float: right;">
        <input class="form-control" id="title" style="width: 80%; border-radius: 50px; border-width: 1px; float: left; margin-left: 20px;"/>
    </div>
</div>
<div class="div-with-input-calendar">
    <div style="text-align: left; padding-left: 50px;width: 40%; height: 100%; float: left; color: #1d69b4; font-size: 20px;">
        <b>Name Initiator</b>
    </div>
    <div style="width: 60%; height: 100%; float: right;">
        @Html.DropDownList("Name", null, "Enter name", htmlAttributes: new { @class = "form-control", @style = "width: 80%; border-radius: 50px; border-width: 1px; float: left; margin-left: 20px;" })
    </div>
</div>

这是css类

  .div-with-input-calendar {
    width: 100%;
    margin-top: 60px;
}

当我运行视图时，我看到了这个

当我用风格写的时候，一切都好。

我如何解决这个问题？