As a newcomer to using Bootstrap, I recently created a webpage with Bootstrap3. However, I encountered an issue when trying to apply two classes to the same element, as the CSS was not being applied:
Here is the HTML code snippet:
<div class="col-md-4 auminascroll">
dfgdgdfgdfgsdfgh cxzvdzfhfdbfd fbfddf
</div>
<div class="col-md-4 auminascroll">fghfdghfdhdfhfdsh</div>
<div class="col-md-4 auminascroll">dfgdsgdsfg</div>
And here is the CSS code snippet:
.col-md-4 .auminascroll {
height: 50px;
overflow-y: auto;
}
Despite adding the above CSS, I found that it did not produce the desired effect. Strangely, when I included height: 50px; overflow-y: auto; within a style tag, it worked perfectly fine. What could be causing this discrepancy in applying the CSS styles with these Bootstrap classes? Is there something wrong with my code?
I would greatly appreciate any assistance with this matter!