SO in page anchors

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div class="container-fluid">
    
    <div class="row-fluid">
  <div class="span12">
      <a href="#section1">section1</a><br>
      <a href="#section2">section2</a><br>
      <a href="#section3">section3</a><br>
      <a href="#section4">section4</a><br>
      <hr>
  </div>
    </div> <!-- end row -->
    
    
    
  <div class="row-fluid">
  <div class="span12">
      <a name="section1" class="anchor">section1</a>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas cursus nibh a lacus placerat gravida. Aenean convallis vulputate purus at consequat. Donec consectetur condimentum tellus in lacinia. Suspendisse fringilla felis in diam congue placerat. Cras mi mi, auctor ut interdum in, ornare sed erat. Donec id ante mauris. Fusce vehicula, mauris ut varius accumsan, metus neque dapibus justo, at tempus arcu mauris vitae nisi. Ut porta placerat augue, eget elementum turpis euismod ut. Sed facilisis cursus magna eu suscipit. Duis sit amet libero eget sapien tempus tristique et a augue. Etiam justo justo, sollicitudin sit amet gravida eget, dictum id ipsum. Duis posuere metus et velit congue ac dictum tortor gravida. Proin tincidunt, lacus malesuada venenatis tristique, eros lorem viverra leo, ut lacinia sem tortor a libero. Nunc vel leo ut elit eleifend egestas.

Aliquam erat volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis nunc nulla, adipiscing eu placerat ac, scelerisque in tellus. Quisque euismod, magna viverra vestibulum pellentesque, velit eros convallis ante, non sagittis nulla mi et orci. Morbi pretium, lacus id mollis tempor, nulla lacus viverra turpis, eu congue nulla mi et lectus. Sed pretium, velit porttitor pretium condimentum, diam eros porta felis,...

CSS

.span12{
    padding-bottom:10px;
}

a.anchor{
    background-color:pink;
    display:block;
    margin-top:-30px; /* if you want to cancel out the padding-top */
}