'How to make a blank div in bootstrap with no text inside full with a bg-color

How to display 3 lines inline side by side in bootstrap? I have a serious problem in the height and the width! If I use css only it displays. However when I want to use bootstrap I am getting stuck.

Here the code using CSS with only one line! The same process for the remaining two lines:

<div style="display:inline-block ;height:2px; width:100px;border-radius:10px; background-color: blue;"

How to do it using bootstrap? Should I use a parent class to get the height and the width?

htmlcssbootstrap-5


Solution 1:[1]

You was thinking of something like this?

<div class="col-lg-3 text-center bg-secondary" style="height:200px;width:auto"></div>

Solution 2:[2]

<div class="container">
    <div class="row">
        <div class="col-md-4">
            <div class="p-5 bg-danger"></div>
            <p class="text-center">Lorem ipsum dolor sit</p>
        </div>
        <div class="col-md-4">
            <div class="p-5 bg-danger"></div>
            <p class="text-center">Lorem ipsum dolor sit</p>
        </div>
        <div class="col-md-4">
            <div class="p-5 bg-danger"></div>
            <p class="text-center">Lorem ipsum dolor sit</p>
        </div>
    </div>
</div>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Jovan Jovanovic
Solution 2

Related Questions