Сначала создайте папку с именем public в вашем проекте sinatra, затем добавьте пару папок
- таблицы стилей
- JavaScripts
- изображения
Добавьте свой CSS, JS и / или JPG, PNG (изображения) в каждую папку
Наконец, как говорит @sirfilip, добавьте следующие строки в файл config.ru
map "/public" do
run Rack::Directory.new("./public")
end
Если универсальный Синатра (без рамок по умолчанию)
вид / layout.erb
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
...
<link rel="stylesheet" href="stylesheets/your_file.css">
<link rel="icon" type="image/ico" href="images/your_image.ico" />
</head>
<body>
<%= yield %>
...
<script src="javascripts/your_js.js"></script>
вид / index.erb
<div class="margin-bottom-30">
<div class="row">
<div class="col-md-12">
<ul class="nav nav-pills">
<li class="active"><a href="#">Home <span class="badge">42</span></a></li>
<li>...</li>
</ul>
</div>
</div>
</div>
Все ваши изображения, таблицы стилей и javascripts будут доступны для любого URL, зарегистрированного в вашем приложении Sinatra, проблема решена!