HTML使用超链接定位到本页面的某一个元素时，被top-bar挡住，如何设置位置

Question

<h2 id='t1'>Title1</h2>
<!--省略代码若干-->
<a class="txt" href="#t1">定位到Title1</a>

点击这个超链接的的时候，会把title1，定位到页面最顶部。但是页面上本来有一个顶部栏，就不把Title1挡住显示不出来。

所以，有没有什么办法让Title1定位到页面顶部稍微偏下一点点呢？

（页面使用了bootstrap框架）

Answer 1

可以在 <h2 id='t1'>Title1</h2> 里面加一个用于定位的隐形元素，设置一下偏移