First off, newbie here and hoping to get to know some of you since this seems like a cool place to share and learn info.

At any rate, I'm working with Bootstrap and am using a search field in a fixed nav-bar and want it to only .pull-right when it's at a minimum width of 980px. When I try and use the .pull-right Bootstrap style, it breaks my less stylesheet and none of it actually applies:

.search-query {
  @media (min-width: 980px) {
    .pull-right;
    width: 150px;
  }
}

Do I have to redefine what .pull-right is or is there any way I can inherit the Bootstrap style to use with my less stylesheet? Thanks in advance for the help!