Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 如何使用Bootstrap 4中的内容部分解决导航栏问题_Twitter Bootstrap_Css_Bootstrap 4 - Fatal编程技术网

Twitter bootstrap 如何使用Bootstrap 4中的内容部分解决导航栏问题

Twitter bootstrap 如何使用Bootstrap 4中的内容部分解决导航栏问题,twitter-bootstrap,css,bootstrap-4,Twitter Bootstrap,Css,Bootstrap 4,我试图保持导航栏在容器内为白色,这样它将具有与内容相同的宽度。但我有两个问题,无法解决 我用渐变设置了部分的全宽和全高,但正如你们可能看到的那个样,下面的部分并没有渐变。如何使渐变背景成为全视端口 我在容器内设置导航栏,使其与下面的内容具有相同的宽度。但是我想把导航条放在相同的渐变背景中。问题是,我无法将导航条放置在剖面内,因为我使用的是角度,导航条组件位于另一个文件中 这两个问题有什么解决办法吗? 我在下面的评论中添加了代码示例链接:运行下面的代码片段,并选择“完整页面”以查看更大屏幕的结果

我试图保持导航栏在容器内为白色,这样它将具有与内容相同的宽度。但我有两个问题,无法解决

  • 我用渐变设置了部分的全宽和全高,但正如你们可能看到的那个样,下面的部分并没有渐变。如何使渐变背景成为全视端口
  • 我在容器内设置导航栏,使其与下面的内容具有相同的宽度。但是我想把导航条放在相同的渐变背景中。问题是,我无法将导航条放置在剖面内,因为我使用的是角度,导航条组件位于另一个文件中
  • 这两个问题有什么解决办法吗?
    我在下面的评论中添加了代码示例链接:

    运行下面的代码片段,并选择“完整页面”以查看更大屏幕的结果

    部分{
    背景:#2193b0;/*旧浏览器的回退*/
    背景:-webkit线性渐变(向右,#6dd5ed,#2193b0);/*Chrome 10-25,Safari 5.1-6*/
    背景:线性渐变(向右,#6dd5ed,#2193b0);/*W3C,IE 10+/Edge,Firefox 16+,Chrome 26+,Opera 12+,Safari 7+*/
    垫面:5%;
    宽度:100%;
    /*新代码*/
    身高:100%;
    溢出:隐藏;
    填充顶部:80px;
    利润上限:-80px;
    }
    navbar先生{
    位置:相对位置;
    背景色.rgba(0,0,0,0);
    盒影:02px2px-2pxRGBA(0,0,0,2);
    }
    .导航项目{
    保证金:5px;
    }
    .签名,.注册{
    边框:2倍实心;
    }
    签名先生{
    边框颜色:#232323!重要;
    }
    导航项目ul li a.签字{
    颜色:#232323;
    }
    .签名:悬停{
    背景色:#232323;
    颜色:#ffffff;
    }
    导航项目ul li.签名a:悬停{
    颜色:#ffffff;
    }
    .注册{
    背景色:#44A423;
    边框颜色:#44A423;
    }
    .导航栏灯.导航栏导航.导航项目.导航链接{
    字体大小:23px;
    填充:10px 20px;
    }
    .导航栏灯.导航栏导航.导航项目.注册.导航链接{
    颜色:#fff;
    字体大小:23px;
    }
    .环境管理计划简介{
    填充:5%;
    边界半径:0.5雷姆;
    背景:#fff;
    }
    .个人资料{
    文本对齐:居中;
    }
    .个人资料img img{
    宽度:70%;
    身高:100%;
    }
    .主柱h5{
    颜色:#333;
    }
    .主柱h6{
    颜色:绿色;
    边际下限:30px
    }
    .行详细信息{
    利润上限:30像素
    }
    .配置文件选项卡标签{
    字号:600;
    }
    .配置文件选项卡p{
    字号:600;
    颜色:绿色;
    }
    .img内容{
    利润率:30px 15px!重要
    }
    
    
    • 用户名 Kshiti123

      职业 设计师

      性别 女性

      职位名称 UI设计器

      国 英国

      城市 牛津大学

      这是一个很好的例子。请参阅essent dolores usu、Poundum Salataus ea duo、est alii Communite ea。有利于欧盟的退伍军人和非欧盟的经验,包括两名临时智者, 小诺斯特罗。


    以下是链接:问题必须包含可运行的。不是指向钢笔/提琴/网站的链接,你可以在以后删除/修改,让这个问题与未来的用户无关。您获得帮助的主要原因是,您的问题可能对未来的用户有用。去掉这一点,你就失去了为绝大多数用户回答问题的动力。请看,我知道。代码太大,无法在此处添加。当我添加这样一个代码时,人们要求提供可运行的示例,在哪里可以立即看到问题。无论你做什么,像你这样的人都会投反对票并写下这样的评论!为什么导航条码对你来说太大了,Artyon?你知道最小值是什么意思吗?这意味着您删除了与问题无关的任何和所有元素。因此,您只包含导航条形码,而不是整个页面。您可以添加10个包含引导v4导航条的代码段,但对于SO问题,您仍然无法达到字符限制。不管怎样,我告诉过你如何改进你的问题,让它更容易回答。显然,你可以无视我的建议,为所欲为。我已经从其他专家那里得到了答案。你当然可以提个建议。我发布了很多问题,很多次都是因为我没有写完整的代码,所以人们都投了反对票。正如我所说,你不能让所有的社区都快乐。每次都会有人投反对票,并为你的评论写一段诗(为什么没有完整的代码)。