Social Buttons for Bootstrapでデザインが適用されません

###前提・実現したいこと
Ruby on railsで作成中のサービスにおいて、現在ログイン画面を製作中です。その際にBootstrapでデザインされているソーシャルログインのロゴ（http://lipis.github.io/bootstrap-social/）を使用したいと思っております。

具体的には、Twitter、Facebook,Githubログインの３つです。

しかし上記サイトに掲載されている方法を実施しているはずなのですが、デザインが適用されません。
対処方法をご教示頂けませんでしょうか？

###発生している問題・エラーメッセージ
1.現在の様子
こちら

2.「GoogleChromeの検証」で発生中のエラー

Failed to load resource: the server responded with a status of 404 (Not Found)

http://localhost:3000/vendor/assets/stylesheets/css/font-awesome.min.css

###app>view>layouts>application.html.erb

<!DOCTYPE html>
<html>
<head>
  <title>Joinup製作中</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="vendor/assets/stylesheets/css/font-awesome.min.css">

  <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>

<header class="navbar navbar-default" role="navigation">
 <div class="container">
  <div class="navbar-header">
  	<%= link_to 'Joinup製作中', root_path, class:'navbar-brand' %>
  </div>
 </div>

</header>

<div class ="container">

<!--0208 追記 -->
    <!-- user_signed_in? はユーザがログインしているか調べるdeviseのHelperメソッド -->
    <% if user_signed_in? %> 
      <!-- current_user は現在ログインしているUserオブジェクトを返すdeviseのHelperメソッド -->
      <!-- *_path はUserモデルを作成したときに、
        deviseにより自動で作成されてますので、rake routesで確認できます -->
      Logged in as <strong><%= current_user.email %></strong>.
      <%= link_to 'プロフィール変更', edit_user_registration_path %> |
      <%= link_to "ログアウト", destroy_user_session_path, method: :delete %>
    <% else %>
      <%= link_to "ユーザー登録", new_user_registration_path %> |
      <%= link_to "ログイン", new_user_session_path %>
    <% end %>

</div>
<p class = "notice"><%= notice %></p>
<p class = "alert" ><%= alert %></p>

<div class ="container">
<%= yield %>
</div>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</body>
</html>

###補足情報(言語/FW/ツール等のバージョンなど)
Fort Awesomeの「[Get started](https://fortawesome.github.io/Font-Awesome/get-started/)」の手順も実施済みと認識。


[Social Buttons for Bootstrap](http://lipis.github.io/bootstrap-social/)のソーシャルログインボタンを適用させたいです。