How to make a <button> in Bootstrap look like a normal link in nav-tabs?

后端 未结 6 920
春和景丽
春和景丽 2020-12-29 00:45

I\'m working in (formerly Twitter) Bootstrap 2 and I wanted to style buttons as though they were normal links. Not just any normal links, though; these are going in a

6条回答
  •  臣服心动
    2020-12-29 01:20

    Just add remove_button_css as class to your button tag. You can verify the code for Link 1

    .remove_button_css { 
      outline: none;
      padding: 5px; 
      border: 0px; 
      box-sizing: none; 
      background-color: transparent; 
    }
    

    enter image description here

    Extra Styles Edit

    Add color: #337ab7; and :hover and :focus to match OOTB (bootstrap3)

    .remove_button_css:focus,
    .remove_button_css:hover {
        color: #23527c;
        text-decoration: underline;
    }
    

提交回复
热议问题