-3

In this picture - sample outline

enter image description here

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
  </div>
</nav>
Rob
  • 14,746
  • 28
  • 47
  • 65
Ariharan S
  • 11
  • 1

2 Answers2

1

You could achieve this using a mix of border-image and linear-gradient like this: 

.content {
  height: 100px;
  width: 300px;
  
  border-width: 40px;
  border-style: solid;
  border-image: linear-gradient( blue 40%, red 30%) 1 round;
}
<div class="content">Content</div>
Olian04
  • 6,480
  • 2
  • 27
  • 54
-2

This question could be clarified but if I'm right you want the two to have different colors You need to see the class before them and in css edit the class like 

 .container{
background-color: red !important;
}

Of this for each element especially when using bootstrap remember to put !important Behind anything that would override the normal setup

user8939472
  • 1