个人中心
gpt4 book ai didi

html - Bootstrap 4 边框类不适用于顶部，对

转载 作者：行者123 更新时间：2023-12-03 23:22:23 25 4
gpt4 key购买 nike

我正在尝试使用 bootstrap 4 边框为 div 提供边框。只有边框属性看起来很奇怪，而其他属性没有边框显示。请在下面找到代码片段。

我也尝试过 beta 2 版本。

如果我遗漏了什么，请告诉我。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</head>

<body>
    <!-- Just created a contianer to test the border class -->
    <div class="container">
        <div class="text-center">
            <h1> Testing bootstrap 4</h1>
        </div>
        <div class="row mt-2">
            <div class="col-12">
                <!-- Testing span with class border -->
                <span class="border">
                <div class="text-primary">Testing Bootsrap 4 Border </div>
            </span>
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-12">
                <span class="border-0">Testing Bootsrap 4 Border 0</span>
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-12">
                <span class="border-top-0">Testing Bootsrap 4 Border top 0</span>
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-12">
                <span class="border-right-0">Testing Bootsrap 4 Border right 0</span>
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-sm-12">
                <span class="border border-light">testing border light</span>
            </div>
            <div class="col-sm-12"> col 2</div>
        </div>
    </div>
</body>

</html>

最佳答案

要使 bootstrap 边框正常工作，您必须添加 border类(class)。例如，当您写 <span class="border-right-0"> 时它表明右边不应有任何边界。您还没有声明开始的边界，因此不会显示任何边界。您需要做的是<span class="border border-right-0"> .

关于html - Bootstrap 4 边框类不适用于顶部，对，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47102755/

25 4 0
文章推荐： spring-security - 使用 Spring Security Saml 和 SP 应用程序的无状态 session
文章推荐： scikit-learn - sklearn 半径中的 K 最近邻 - 椭圆
文章推荐： Django __str__ 返回非字符串(类型 NoneType)
文章推荐： system.reactive - 为什么我需要在完成后处理订阅？
行者123
个人简介

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

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