-2

我希望引导图例的下划线更粗。我想覆盖 twitter bootstrap css。

是否可以？

4

3 回答 3

2

是的。使用 CSS：

Bootstrap 目前使用：

legend {
    border-bottom: 1px solid #E5E5E5
}

为了增加厚度，只需将1px值增加到更大的值：

legend {
    border-bottom: 5px solid #E5E5E5
}

JSFiddle 示例。

为了让您自己的 CSS 覆盖 Bootstrap CSS，请确保您的 CSS在 Bootstrap之后包含在您的页面中，否则您的样式将被忽略：

<head>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="yourStylesheet.css">
</head>
于 2013-05-21T11:11:41.430 回答
2

是的你可以。

legend {
    border-bottom:10px solid #000000;
}

要进一步增加/减少厚度，您可以增加/减少border-bottom. 希望这可以帮助。

于 2013-05-21T11:13:18.267 回答
0

您是否尝试过实际查看 CSS 代码？它border-bottom在legend。

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; /* that's the one */
}
于 2013-05-21T11:12:20.583 回答