尝试学习基本布局原则（HTML、CSS）-初学者'；s

一般来说，我对学习HTML、CSS和编码是新手。我计划编写一个基于引导网格系统的页面，但不知道如何将此功能添加到页面中。每当单击缩略图时，我希望显示一个下拉信息面板（如绿色所示）。我希望只使用HTML和CSS并尽可能少地使用代码来实现这一点

我非常感谢任何帮助

请原谅我在这个领域的词汇量有限。不知道该怎么称呼“信息面板”

我建议使用网格系统。 这是一个很好的开始页面布局的方法。它使用简单，适合您自己的需要。他们的网格系统也响应迅速

要开始使用布局，请执行以下操作：

<div class="row">
  <div class="col-md-2">Logo</div>
  </div>
<div class="row">
  <div class="col-xs-6 col-md-3">
    <a href="#" class="thumbnail">
    </a>
  </div>
  <div class="col-xs-6 col-md-3">
    <a href="#" class="thumbnail">
    </a>
  </div>
  <div class="col-xs-6 col-md-3">
    <a href="#" class="thumbnail">
    </a>
  </div>
  <div class="col-xs-6 col-md-3">
    <a href="#" class="thumbnail">
    </a>
  </div>
</div>
<div class="row">
  ...
</div>

标志
...

你明白了。。。

---

您需要将行放置在

容器中

类中，以便正确对齐。再次查看。

好的，长话短说就是你走在了正确的道路上。HTML和CSS是技术，而你追求的是艺术。了解div标签

是的。我对引导网格系统有点熟悉。我主要是想学习如何添加下拉式功能，里面有幻灯片元素。顺便问一下，你知道这个网站上所有的反对票都是关于什么的吗？似乎我问的每个问题一开始都遭到了反对票的反对，直到像你这样有帮助的人出现。很好，你正在尝试学习一些编程概念，当然，你应该继续。我不能回答你写的其他问题，但这里你的问题太宽泛，你的解释含糊不清。试着更具体一点，想想你在寻求什么样的答案。啊，我明白了。谢谢这是一些好建议。因为我最近才开始学习编码，所以我不熟悉正确的术语。谢谢。我熟悉div标签。主要是在缩略图处于活动状态时添加信息面板功能（我附加图像的绿色部分）。