Question

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

有可能吗？

Answer 1

是。使用CSS：

Bootstrap目前使用：

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

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

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

<强> JSFiddle example

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

<head> <link rel="stylesheet" href="bootstrap/css/bootstrap.css"> <link rel="stylesheet" href="yourStylesheet.css"> </head>

Answer 2

是的，你可以。

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

要进一步增加/减少厚度，您可以增加/减少border-bottom中的像素。希望这会有所帮助。

Answer 3

您是否尝试过实际查看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 */
}

有没有办法加厚表格图例下划线？

3 个答案: