个人中心
gpt4 book ai didi

html - Web 按钮间隔我的网站

转载 作者：太空宇宙 更新时间：2023-11-04 09:23:26 25 4
gpt4 key购买 nike

所以，我终于添加了可用的 Bootstrap 按钮，出于某种原因，它使我的第一个容器空间占用了很多。有谁知道如何修复间距？

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>{{ site.title }}</title>
    <meta name="description" content="{{ site.description }}">
    <link rel="canonical" href="{{ site.url }}/">
    <link rel="alternate" type="application/atom+xml" href="/feed.xml">
    <style type="text/css">
        {% capture css %}{% include fonts.css %}{% include index.css %}{% endcapture %}{{ css | scssify }}
    </style>
</head>
<body>
    <div id="intro">
        <div class="container">
  <div class="btn-group">
    <button type="button" class="btn btn-primary">Home</button>
    <button type="button" class="btn btn-primary">About</button>
    <button type="button" class="btn btn-primary">Announcements</button>
    <button type="button" class="btn btn-primary">Staff List</button>
    <button type="button" class="btn btn-primary">Forum</button>
    <div class="btn-group">
      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
      Twitters <span class="caret"></span></button>
      <ul class="dropdown-menu" role="menu">
        <li><a href="https://www.twitter.com/fazemelonking">FaZeMelon</a></li>
        <li><a href="#">MrPramire</a></li>
        <li><a href="https://www.twitter.com/AvalancheYT">AvalancheYT</a></li>
        <li><a href="https://www.twitter.com/falcesoyt">falceso</a></li>
        <li><a href="https://www.twitter.com/PacksGamingHD">PacksGamingHD</a></li>
      </ul>
    </div>
  </div>
</div>
        <div id="introcontainer">
            <i></i>
            <p>Pramire</p>
            <h1>FreedomOP Minecraft Server</h1>
            </div>
    </div>
    <div id="about">
        <div id="aboutcontainer">
            <h2>About</h2>
            <p>
                Pramire provides an experience you will not find anywhere else. Pramire has excellent staff, and a great community. The support team is responsive, and having fun is what we're all about. Pramire really does make it fun to play with pixels.
            </p>
            <div id="ip">
                <span>IP</span>
                <i>Coming Soon</i>
            </div>
        </div>
    </div>
    <div id="news">
        <div id="newscontainer">
            <h2>News</h2>
            <ul>
                {% for post in site.posts %}
                    <li>
                        {{ post.content }}
                        <span>{{ post.date | date: "%B %e, %Y" }}</span>
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>
    <div id="feedback">
        <div id="feedbackcontainer">
            <h2>Feedback</h2>
            <p>
                Do you have anything you would like to say about the server? Suggestions for new features? Send us your feedback below.
            </p>
   <p>The feedback action is currently disabled.</p>
            </form>
        </div>
    </div>
    </div>
</body>
</html>{% endcapture %}{{ content | strip_newlines | replace:'  ','' }}
Contact GitHub API Training Shop Blog About

最佳答案

如果你进入你的 CSS 文件并添加行

#intro{
   height:auto !important!;
}

它应该通过根据内容动态调整容器大小来实现您想要的效果。

如果您想要特定的高度，请将 auto 替换为所需的像素高度

关于html - Web 按钮间隔我的网站，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41338107/

25 4 0
文章推荐： linux - fork() 之后的 Printf() 和有条件的只打印一次？
文章推荐： java - Python 数组与 Java 中的相同吗？
文章推荐： linux - awk 后续行之间的区别
文章推荐： python - 如何仅重定向流的一部分？
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com