bootstrap列中的链接无法完全单击

时间:2017-12-17 06:10:50

标签: html css bootstrap-4

只有一小部分链接是可点击的(比如说一半),而另一半则无法识别,但当我删除class="linksdiv"时,它们可以完全点击。



#linkshead{
  margin-left:60px;
  margin-top:10px;
  width:100px;
  padding:0;
 }
.linksdiv{
  margin-left:60px;
  width:150px;
  margin-top:10px;
  font-size:12px;
  font-family:Helvetica;
}

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div class="container">
  <div class="row">
    <div class="col-sm-1">
      <div id="linkshead">Quick Links</div>
      <div class="linksdiv">
        <ul>
          <li><a href="https://www.google.com/">Google</a> </li>
          <li><a href="https://www.facebook.com/">Facebook</a> </li>
        </ul>
      </div>
    </div>
&#13;
&#13;
&#13;

0 个答案:

没有答案