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

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

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 wich to get the height and the width ??

CodePudding user response：

You was thinking of something like this?

<div  style="height:200px;width:auto"></div>

CodePudding user response：

<div >
    <div >
        <div >
            <div ></div>
            <p >Lorem ipsum dolor sit</p>
        </div>
        <div >
            <div ></div>
            <p >Lorem ipsum dolor sit</p>
        </div>
        <div >
            <div ></div>
            <p >Lorem ipsum dolor sit</p>
        </div>
    </div>
</div>