Question

我已经从bootswatch.com下载了主题，并在https://lychee-crumble-82857.herokuapp.com的Heroku应用中使用了Cyborg主题，但是我想知道我将Visuals bootswatch.com的“ Cards”源代码放在哪里工作室代码。我很确定它应该在index.html文件中，但是我不确定在哪里。

我想要的“卡片”源代码位于bootwatch.com站点上的“主题”>“标题”下，当您将鼠标悬停并单击“卡片”部分下的“ <>”按钮时，该代码即可显示。

我还试图在https://lychee-crumble-82857.herokuapp.com的Heroku应用中缩小个人资料图片的大小。您知道我可以/在哪里实现该目标吗？我已经在“检查”上单击鼠标右键，但是无法在要修改图像大小的地方做头或尾。

我已经实现了该主题，并查看了YouTube教程，但是它们并未涵盖如何实际实现不同主题功能（例如“卡片”）的源代码。我已经在以下位置运行了该应用程序：https://lychee-crumble-82857.herokuapp.com

<div id="profile">
  <h3>
    <center>Sean</center>
  </h3>
  <img src="/profile_pic.png"/>
  <h3>
    <center>
      <%= link_to "Rank: Grand Master" %>
    </center>
  </h3>
</div>
<h1></h1>
<br>
<%= form_tag tasks_path, :method => :get do %>
  <% @all_progress.each do |progress| %>
    <%= progress %>
    <%= check_box_tag "progress[#{progress}]" %>
  <% end %>
  <%= submit_tag 'Update' %>
  <center>Current Tasks</center>
<% end %>
<div id="tasks">
  <table id="tasks">
    <thead>
      <tr>
        <th>Name</th>
        <th>Difficulty</th>
        <th>Notes</th>
        <th class="<%= ('hilite' if @sort_column =='progress') %>">
          <%= link_to "Progress", tasks_path(:sort_by => 'progress'), :id => "progress_header" %>
        </th>
      </tr>
    </thead>
    <tbody>
      <% i = 0 %>
      <% @tasks.each do |task| %>
        <% i += 1 %>
        <tr id="<%= if (i % 2 == 0) then 'evenrow' else 'oddrow' end %>">
          <td>
            <%= link_to "#{task.name}" %>
          </td>
          <td>
            <%= task.difficulty %>
          </td>
          <td>
            <%= task.notes %>
          </td>
          <td>
            <%= link_to "#{task.progress}", edit_task_path(task.id, update_status:true) %>
          </td>
        </tr>
      <% end %>
    </tbody>
  </table>
</div>
<div id="button">
  <%= link_to 'Add new task', new_task_path, :id => "add_task" %>
</div>

我想将卡的源代码适当地放入我的VS Code中，以便在Heroku网站上显示卡。
我想缩小Heroku应用程序中的个人资料图片。

我到底将Bootswatch卡的源代码放在哪里？

0 个答案: