小编Jos*_*Jos的帖子

我有一个带有Font Awesome图标作为内容的按钮。完美的作品。问题在于，其后的文本在字体真棒图标和文本之间没有空格。如何为内容添加空格？

a:before {
font-family: FontAwesome;
content: "\f095 --a   here --";
display: inline-block;

}

我正在努力让Bootstrap菜单在Joomla 3.1中使用下拉菜单.我差不多了,但并不完全:对于我使用的js脚本(如何在悬停而不是点击时制作twitter引导菜单下拉列表)

 <script type="text/javascript">
   (function($){   
    $(document).ready(function(){
     $('.dropdown-toggle').dropdown();
      // dropdown
      $('.parent').addClass('dropdown');
      $('.parent > a').addClass('dropdown-toggle');
      $('.parent > a').attr('data-toggle', 'dropdown');
     $('.parent > a').attr('data-target', '#');
      $('.parent > a').append('<b class="caret"></b>');
      $('.parent > ul').addClass('dropdown-menu');
     $('.nav-child .parent').removeClass('dropdown');
     $('.nav-child .parent .caret').css('display', 'none');
      $('.nav-child .parent').addClass('dropdown-submenu');
    });
  })(jQuery);
</script>

我是我们的CSS(http://forum.joomla.org/viewtopic.php?f=706&t=770153)

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0; …