html - 在Bootstrap 4中设置页面1/3的背景颜色

标签 html css twitter-bootstrap twitter-bootstrap-4

我正在尝试在 Boostrap 4 (alpha 5) 中进行设计,并使屏幕的三分之一具有粉红色背景颜色。背景颜色应该从右栏的左边距一直延伸到右边距。结果应该有点像:

enter image description here

有人有任何关于执行此操作的最佳方法的建议吗?

最佳答案

如果你在背景上使用渐变会怎样? 请参阅此示例:

body {
  background: linear-gradient(
    to right,
    lightgrey 0%,
    lightgrey 70%,
    hotpink 70%,
    hotpink 100%
  );
}
your code

关于html - 在Bootstrap 4中设置页面1/3的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40598951/

相关文章:

浏览器清除缓存时清除 HTML5 Web 存储?

AngularJS Bootstrap 警报关闭超时属性不起作用

css - 无法连接 Bootstrap 样式表

html - 在悬停 div 上旋转图像

javascript - 在 fancybox 中定位缩略图

html - 页脚不停留在一个地方,包装消失

javascript - 自动悬停效果

html - Bootstrap 表 |对小分辨率做出响应

jquery - IE8 : jQuery append not working

html - 居中对齐 div 内容的正确方法