Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Devontay Cross
Devontay Cross
9,771 Points
Posted by Devontay Cross
Devontay Cross
9,771 Points

Having issues with my Model and the X to close the menu isn't showing up

Here is my code snippet <!--===================================== FORM MODAL =====================================--> <div class="modal fade" id="form" tabindex="-1" aria-labelledby="form" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title fs-5" id="exampleModalLabel">Register For Full stack Conf</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <!-- Registration form --> <form> <div class="form-group"> <label class="form-control-label sr-only" for="name">Name:</label> <input type="text" class="form-control" id="name" placeholder="Name"> </div> <div class="form-group"> <label class="form-control-label" for="email">Email:</label> <input type="email" class="form-control" id="email" placeholder="email@email.com"> </div> </form> <!-- /Registration form --> </div> </div> </div> </div>

1 Answer

Travis Alstrand
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Travis Alstrand
Data Analysis Techdegree Graduate 45,984 Points
Travis Alstrand
.a{fill-rule:evenodd;}techdegree seal-36
Travis Alstrand
Data Analysis Techdegree Graduate 45,984 Points

Hey there Devontay Cross ! :wave:

It's a bit hard to see with how your question has been posted, I'd recommend quickly checking out this Posting a Question video to see how we can format for readability :smiley:

For example, you can wrap code blocks within three backticks and format it like so...

<div class="modal fade" id="form" tabindex="-1" aria-labelledby="form" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header"> 
                <h5 class="modal-title fs-5" id="exampleModalLabel">Register For Full stack Conf</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <!-- Registration form -->
                <form>
                    <div class="form-group">
                        <label class="form-control-label sr-only" for="name">Name:</label>
                        <input type="text" class="form-control" id="name" placeholder="Name">
                    </div>
                    <div class="form-group">
                        <label class="form-control-label" for="email">Email:</label>
                        <input type="email" class="form-control" id="email" placeholder="email@email.com">
                    </div>
                </form>
                <!-- /Registration form -->
            </div>
        </div>
    </div>
</div>

Also, if it's related to a specific course / video it's helpful to post it straight from there, this is in the general 'Design' category and I'm not sure where this code is coming from.

Just from first glance, I would try adding in X in between your <button> tags, it currently looks like there is no text content. If this doesn't help out, let me know and please post a link to what course or video you're working on this from and I can get a better picture of what's going on in other files too :smiley: