Problems with modal window and nav-tabs in Bootstrap

Navigation
1

I am updating a website with html5, Bootstrap, Php ... etc ... since it is a dynamic web related to real estate, after a click on a botton, I generate the opening of a MODAL window which is composed of a header, body and footer; Inside the body start with a 3-tab nav-tab.

The problem is that the content of TABPANEL is longer than the body and footer together, which do not adapt to this length, so aesthetically the content of the% tab NAV-TAB exceeds the size of the window MODAL and aesthetically is horrible. Any solution they can provide ?. Thanks.

    
asked by Ricardo Pastuszek 25.05.2017 в 00:05
source

2 answers

0

You can create a container in the body of the modal and work in css overflow.

This would be the code: 

/* Body del Modal */
<div class="wrapper">
...
...
...
</div>

in CSS 

.wrapper {
   overflow-y:scroll;
}

Greetings

    
answered by 25.05.2017 / 00:13
source
1

You can put an image of how your modal or your html is shown to see what you mean: that the body is longer. And so we can better answer the question.

Also try the big modal class="modal-dialog modal-lg" your tabpanel may fit better 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        ...
    </div>
</div>
    
answered by 25.05.2017 в 00:31
create tunnel connection via ssh (JAVA) to type commands in PUTTY console Roles, levels or user privileges Codeigniter