Is there a way to customize the background color of each individual .col-5
within the same row while using Bootstrap and a custom CSS file? Changing the styles for one column seems to affect all columns with the same class name.
Edit: I'm looking for solutions beyond simply changing background colors using a span tag.
What is the recommended approach to address this challenge?
<body>
<header>
<div class="logo"><h1>Name</h1></div>
</header>
<div id="sideBar">
</div>
<div id="rowContainer1">
<div class="row">
<div class="col-5">
Hello
</div>
<div class="col-5">
Hello
</div>
</div>
</div>
<div id="rowContainer2">
<div class="row">
<div class="col-5">
Hello
</div>
<div class="col-5">
Hello
</div>
</div>
</div>
</body>
</html>