为什么在使用引导程序时不能在<a>标签中添加上边距?

用户名

我在使用引导框架时创建了一个导航栏。

我的html代码如下:

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <link href = "css/bootstrap.min.css" rel ="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
      <div class="container-fluid">
        <div  class="navbar-landing">
            <a href="www.bloomboard.com"><b>BB</b> COLLAB</a>
        </div>
      </div>


</body>
</html>

CSS:

@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900");

.container-fluid{
    padding:0;
}
.navbar-landing{
    background-color:#FD761F;
    height:60px;
    width:180px;
    display:block;
    float:left;
}
.navbar-landing a{
    text-decoration: none;
    margin-top:30px;
    margin-left:60px;
    color:#ffffff;
    font-size: 20px;
    font-family: "Open Sans";
}

但上边距不起作用。看起来总是这样在此处输入图片说明

好沮丧!感谢您的帮助!

j08691

因为默认情况下,链接是内联元素,所以内联元素没有上/下边距。改为将链接更改为inline-block元素。

.navbar-landing a{
    text-decoration: none;
    margin-top:30px;
    margin-left:60px;
    color:#ffffff;
    font-size: 20px;
    font-family: "Open Sans";
    display:inline-block;
}

引导示例

如果您感兴趣的话,这是指向该规范的附加链接,“垂直边距不会对未替换的内联元素产生任何影响。”)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在滑块中为图像添加上边距

来自分类Dev

使用 html 标签和引导程序时,为什么文本出现在我闪亮的应用程序中

来自分类Dev

为弹性居中添加上边距

来自分类Dev

为什么这个交换程序不能在 C 中运行?

来自分类Dev

为什么在Python中不能在循环前使用分号?

来自分类Dev

为什么Array中的函数不能在“参数”上使用?

来自分类Dev

为什么select:-moz-focusring不能在此引导导航栏中删除Firefox虚线?

来自分类Dev

为什么select:-moz-focusring不能在此引导导航栏中删除Firefox虚线?

来自分类Dev

为什么我不能在引导导航栏中更改.active状态?

来自分类Dev

为什么引导选择器不能在 Laravel 集体中工作?

来自分类Dev

为什么不能在junit配置中添加程序参数?

来自分类Dev

为什么我的phonegap应用程序中的href命令不能在iOS上运行,而不能在Android上运行?

来自分类Dev

删除引导程序中标头的上边距

来自分类Dev

为什么不能在GHC中定义:=?

来自分类Dev

为什么我不能在会话打开时添加 FileTransferProgress 处理程序?

来自分类Dev

为什么我不能在Rails4 App中添加纯链接标签

来自分类Dev

为什么我们不能/不能在内核编程中同样使用OOP概念?

来自分类Dev

没有分号的程序在C中不能在C ++中很好地编译,为什么?

来自分类Dev

为什么不能在与受保护类型相同的程序包中声明共享变量?

来自分类Dev

为什么我的Spring Boot Web应用程序不能在Gradle中完全运行?

来自分类Dev

为什么不能在T4模板的类成员中访问实用程序方法?

来自分类Dev

为什么不能在这个依赖类型的程序中求和推断0 + n = n?

来自分类Dev

Android:为什么我不能在新线程中创建处理程序

来自分类Dev

为什么我的数据库不能在此Python / Django应用程序中工作?

来自分类Dev

为什么不能在新的初始化程序中忽略数组大小?

来自分类Dev

为什么不能在32位OS中安装64位应用程序?

来自分类Dev

为什么此keyup事件处理程序不能在IE9中工作?

来自分类Dev

为什么我不能在Java Web套接字应用程序中写入PrintWriter?

来自分类Dev

为什么我不能在JSFiddle中执行这个简单的JavaScript测试程序?

Related 相关文章

  1. 1

    如何在滑块中为图像添加上边距

  2. 2

    使用 html 标签和引导程序时,为什么文本出现在我闪亮的应用程序中

  3. 3

    为弹性居中添加上边距

  4. 4

    为什么这个交换程序不能在 C 中运行?

  5. 5

    为什么在Python中不能在循环前使用分号?

  6. 6

    为什么Array中的函数不能在“参数”上使用?

  7. 7

    为什么select:-moz-focusring不能在此引导导航栏中删除Firefox虚线?

  8. 8

    为什么select:-moz-focusring不能在此引导导航栏中删除Firefox虚线?

  9. 9

    为什么我不能在引导导航栏中更改.active状态?

  10. 10

    为什么引导选择器不能在 Laravel 集体中工作?

  11. 11

    为什么不能在junit配置中添加程序参数?

  12. 12

    为什么我的phonegap应用程序中的href命令不能在iOS上运行,而不能在Android上运行?

  13. 13

    删除引导程序中标头的上边距

  14. 14

    为什么不能在GHC中定义:=?

  15. 15

    为什么我不能在会话打开时添加 FileTransferProgress 处理程序?

  16. 16

    为什么我不能在Rails4 App中添加纯链接标签

  17. 17

    为什么我们不能/不能在内核编程中同样使用OOP概念?

  18. 18

    没有分号的程序在C中不能在C ++中很好地编译,为什么?

  19. 19

    为什么不能在与受保护类型相同的程序包中声明共享变量?

  20. 20

    为什么我的Spring Boot Web应用程序不能在Gradle中完全运行?

  21. 21

    为什么不能在T4模板的类成员中访问实用程序方法?

  22. 22

    为什么不能在这个依赖类型的程序中求和推断0 + n = n?

  23. 23

    Android:为什么我不能在新线程中创建处理程序

  24. 24

    为什么我的数据库不能在此Python / Django应用程序中工作?

  25. 25

    为什么不能在新的初始化程序中忽略数组大小?

  26. 26

    为什么不能在32位OS中安装64位应用程序?

  27. 27

    为什么此keyup事件处理程序不能在IE9中工作?

  28. 28

    为什么我不能在Java Web套接字应用程序中写入PrintWriter?

  29. 29

    为什么我不能在JSFiddle中执行这个简单的JavaScript测试程序?

热门标签

归档