twitter-bootstrap – 标签在Twitter Bootstrap不能正常工作？

发布时间：2020-12-17 23:52:48 所属栏目：安全来源：网络整理

导读：这里是我的代码： div class="container"divh1Welcome TeamName1/h1 asdf hr asdf/div/div !-- /container -- hr标签似乎没有工作，我会期望它。而不是画一条线，它创造了一个差距，像这样：解决方法 hr的css属性。是： hr { -moz-border-bottom-colors: n

这里是我的代码：

<div class="container">
<div>
<h1>Welcome TeamName1</h1>
  asdf
  <hr>
  asdf

</div>
</div> <!-- /container -->

hr标签似乎没有工作，我会期望它。而不是画一条线，它创造了一个差距，像这样：

解决方法

< hr>的css属性。是：

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 1px 0;
  margin: 18px 0;
}

它对应于1px水平线，非常浅的灰色和垂直边缘为18px。

并且因为< hr>是在< div>没有类的宽度取决于< div>

如果您希望< hr>为全宽，将< div> with< div class ='row'>< div class ='span12'> (根据结束标签)。

如果你期望不同的东西，通过添加评论描述你期望什么。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!