1

我正在使用推特引导程序。我并创建了额外的 css 文件，该文件在"app.css"内具有网站特定样式。

并创建了另一个site.css并在其中编写了以下代码-

@import url('../Content/bootstrap/css/bootstrap.min.css');
@import url('../Content/bootstrap/css/bootstrap-responsive.min.css');
@import url('../Content/bootstrap/css/app.css');

我在布局文件中使用了 site.css。

在 app.css 里面按照样式编写-

.margin0 {
margin:0;
}

.text-span{
    width: 100%;
  }

.text-center {
text-align:center;
}

像那样。

然后我将上面的类与引导样式应用为-

<div class="span4">
   <span class="text-span hideOverflow">@Html.ActionLink(item.Name, "Details", new { id = item.Id }, new { @class = "JumpLinks", @style = "font-size:13px;font-weight:bold;" })</span>
   <span style="color: #ADADAD; font-size: 11px;" class="text-span margin0">@Html.DisplayFor(modelItem => item.StartDate)</span>
</div>

现在的问题是我的margin0没有按我的意愿申请。引导样式效果覆盖我的 css 效果。我不想让它发生。如何解决这个问题？

我检查了元素，然后我的类被类下面的引导程序覆盖-

.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.127659574468085%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
4

1 回答 1

0

尝试

<div class="span4">
<span class="text-span hideOverflow">@Html.ActionLink(item.Name, "Details", 
 new { id =  item.Id }, new { @class = "JumpLinks", @style = "font-size:13px;
  font-  weight:bold;" })</span>
    <span style="color: #ADADAD; font-size: 11px;margin:0px !important; " class="
     text-span">@Html.DisplayFor(modelItem => item.StartDate)</span>
</div>
于 2013-03-11T06:18:23.070 回答