BootStrap3でサイドバーにあるリンクのリスト内に要素を横並びにする方法をご教示ください

前提・実現したいこと

サイドバー内にリストになっているリンクタグのエリア内に、
「アイコン、ERBテンプレートの出力文字とリンクタグを並べて表示」
させなければならないのですが、上手くいきません。

何か良い方法があればご教示いただけると幸いです。

よろしくお願いいたします。

該当のソースコード

<!-- Sidebar Menu -->
    <nav class="mt-2">
      <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
        <% @working_team.agendas.each do |agenda| %>
          <li class="nav-item has-treeview menu-open">
            <a href="#" class="nav-link">
                <i class="fa fa-circle-o nav-icon"></i>
                <p><%= agenda.title %>

                <i class="right fa fa-angle-left"></i></p>
                <% if owner_or_author?(agenda) %>
                    <%= link_to '削除', agenda_path(agenda.id), method: :delete, class: 'btn' %>
                <% end %>
            </a>
            <ul> ...