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问题,您仍然无法达到字符限制。不管怎样,我告诉过你如何改进你的问题,让它更容易回答。显然,你可以无视我的建议,为所欲为。我已经从其他专家那里得到了答案。你当然可以提个建议。我发布了很多问题,很多次都是因为我没有写完整的代码,所以人们都投了反对票。正如我所说,你不能让所有的社区都快乐。每次都会有人投反对票,并为你的评论写一段诗(为什么没有完整的代码)。