Bootstraped ссылки не работают

Question

Я занимаюсь разработкой приложений ASP.NET и я следующий код в моем HTML-разметки:

<div class="col-md-4"> 
      <div class="col-md-6"> 
       <a href="#">1</a> 
      </div> 
      <div class="col-md-6"> 
       <a href="#">2</a> 
      </div> 
      <div class="col-md-12 text-center"> 
       <a href="#">3</a> 
      </div> 
</div> 

Link 3 работает нормально, но ссылки 1 и 2 мертвы, не может нажмите на них.

Когда я изменить

<div class="col-md-12 text-center"> 
        <a href="#">3</a> 
       </div> 

в

<div class="col-md-11 text-center"> 
        <a href="#">3</a> 
       </div> 

или что-нибудь еще, все ссылки на странице работает отлично.

Я пробовал скрипку и отлично работает, но не работает в моей среде разработки. Браузеры (опера, т. Е. Ff) не показывают никаких ошибок, а ссылки просто не работают. Как будто они просто текст.

Может кто-нибудь помочь в решении этой проблемы?

Answer 1

я на самом деле решить эту проблему, благодаря этому это (Bootstrap, buttons become un-clickable within screen width 768px - 991) вопрос

Решение заключается в добавлении <div class="clearfix"></div> мой код будет

<div class="col-md-4"> 
      <div class="col-md-6"> 
       <a href="#">1</a> 
      </div> 
      <div class="col-md-6"> 
       <a href="#">2</a> 
      </div> 
<div class="clearfix"></div> 
      <div class="col-md-12 text-center"> 
       <a href="#">3</a> 
      </div> 
</div>