Css 引导链接区域在焦点和活动位置更小？

我有一个缩略图库和每个

这是html-

<div class="row vert-space-30"><!--row-->
      <div id="padding-helper"><!--padding-helper-->
        <div class="col-sm-3 col-xs-6 port-tile text-center">
          <a class="thumbnail" href="http://codepen.io/Davez01d/full/obyBbz/" target="_blank">
            <img src="http://i1155.photobucket.com/albums/p558/Davez01d/Portfolio%20site-Codepen/f043ed05-0df8-42b9-a7b3-57ad6cab5f3b_zpsq2074gko.png" alt="Pomodoro thumbnail"/>
            <div class="caption">  
              <h4>Pomodoro Timer</h4>
              <p class="tech-used">JavaScript, jQuery, HTML, Css</p>
            </div>
          </a>
        </div>
        <div class="col-sm-3 col-xs-6 port-tile text-center">
          <a class="thumbnail" href="http://codepen.io/Davez01d/full/JGvdxX/" target="_blank">
            <img src="http://i1155.photobucket.com/albums/p558/Davez01d/Portfolio%20site-Codepen/726c239e-157c-4e4d-8931-77f3a4c9de9c_zpslofzlecy.png" alt="Calculator thumbnail"/>
            <div class="caption">  
              <h4>JavaScript Calculator</h4>
              <p class="tech-used">JavaScript, jQuery, HTML, Css</p>
            </div>
          </a>
        </div>
        <div class="col-sm-3 col-xs-6 port-tile text-center">
          <a class="thumbnail" href="http://codepen.io/Davez01d/full/gPegpd/" target="_blank">
            <img src="http://i1155.photobucket.com/albums/p558/Davez01d/Portfolio%20site-Codepen/e9b19619-ed3c-4149-ab15-0a039c59f5a7_zps7vmaslo8.png" alt="Quote generator thumbnail"/>
            <div class="caption">  
              <h4>Random Quote Generator</h4>
              <p class="tech-used">jQuery, twitter API</p>
            </div>
          </a>
        </div>
        <div class="col-sm-3 col-xs-6 port-tile text-center">
          <a class="thumbnail" href="http://codepen.io/Davez01d/full/KVQzwr/" target="_blank">
            <img src="http://i1155.photobucket.com/albums/p558/Davez01d/Portfolio%20site-Codepen/cc4d40ed-a085-43d6-9dde-90c59161b023_zps0ppintnt.png" alt="Web sketchpad thumbnail"/>
            <div class="caption">  
              <h4>Web Sketchpad</h4>
              <p class="tech-used">jQuery, HTML, CSS</p>
            </div>
          </a>
        </div>
      </div><!--padding-helper-->
    </div><!--row-->

另外，我发现很难找到链接、按钮等上所有引导效果的列表，有没有好的资源？这对我会有很大帮助
 我相信您指的是
a:focus{outline offset:-2px；}
，这导致了：


你可以用自己的风格覆盖它，只需设置

a:focus {
    outline-offset: 0;
}

如果你根本不需要这个规则。或者，针对您希望删除它的特定元素。
我认为您指的是
a:focus{outline offset:-2px；}
，这导致：


你可以用自己的风格覆盖它，只需设置

a:focus {
    outline-offset: 0;
}

如果你根本不需要这个规则。或者，针对您希望删除的特定元素。
很高兴听到。另外，作为一个资源，我只需要熟悉getbootstrap.com上的文档，如果您想了解更多，请参考源css文件：）很好。另外，作为一个资源，我只需要熟悉getbootstrap.com上的文档，如果您想了解更多，请参考源css文件：）