Communities

Writing

Codidact Meta

The Great Outdoors

Photography & Video

Scientific Speculation

Cooking

Electrical Engineering

Judaism

Languages & Linguistics

$Mathematics$

tag:snake search within a tag

answers:0 unanswered questions

user:xxxx search by author id

score:0.5 posts with 0.5+ score

"snake oil" exact phrase

votes:4 posts with 4+ votes

created:<1w created < 1 week ago

post_type:xxxx type of post

Search help

Notifications

Mark all as read See all your notifications »

Q&A Code Reviews Meta

Q&A

Posts Tags Edits

Ask Question

Welcome to Software Development on Codidact!

Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.

Comments on bootstrap : how to align text with a button inside a grid

Post

bootstrap : how to align text with a button inside a grid

−0

I have this bootstrap code (grid)

 <div class="container p-3 center">
        <div class="row">
            <div class="bg-light border-bottom border-secondary border-top col-6 text-center pb-2 pt-2">
                MY HOUSE
            </div>
            <div class="bg-light border-top border-secondary border-bottom border-secondary col-6 text-center text-center pb-2 pt-2">
                <button type="button" class="btn-primary btn-sm">MY CAR</button>
            </div>              
        </div>
    </div>

which returns this

bootstrap button alignment

what should I do to align (vertically) "MY HOUSE" with "MY CAR"?

I tried adding align-middle but it does not work at all.

posted about 2 years ago

CC BY-SA 4.0

2y ago by Alexei‭

meneguzzo68‭

26 reputation 1 0 5 2

Raw

Markdown

History

is a duplicate

This question has been asked before and has already been answered. It should be marked as a duplicate.

Please enter the URL of the proposed duplicate in the details field below.

not constructive

This question cannot be answered in a way that is helpful to anyone. It's not possible to learn something from possible answers, except for the solution for the specific problem of the asker.

1 comment thread

Perhaps try a grid with two rows... (1 comment)

elgonzo‭ wrote about 2 years ago · edited about 2 years ago

copy link

I don't have the faintest clue of all the class identifiers you are throwing around there in your Bootstrap example and what possible CSS definitions they might (or might not) be associated with (heck, i don't even have the slightest experience in Bootstrap to begin with), but could it perhaps be a workable solution for you to define the grid with two rows (one row for each of these 'cells' you want to place vertically underneath each other)?