Javascript 从引导模式中删除所有填充

Javascript 从引导模式中删除所有填充,javascript,html,css,twitter-bootstrap-3,bootstrap-modal,Javascript,Html,Css,Twitter Bootstrap 3,Bootstrap Modal,您好,我如何从引导模式中删除所有填充和边距、页脚和页眉空间。我想看到的是身体完全固定到我的内容。 提前谢谢。我在使用Bootstrap3吗?我没有使用页眉和页脚元素。只有模态、模态对话框、模态内容和模态。到目前为止,我有以下内容,但我的内容仍然有空间 .modal-body { position: relative; overflow-y: auto; margin: 0 ; padding: 0; } .modal-content{ padding: 0

您好,我如何从引导模式中删除所有填充和边距、页脚和页眉空间。我想看到的是身体完全固定到我的内容。 提前谢谢。我在使用Bootstrap3吗?我没有使用页眉和页脚元素。只有模态、模态对话框、模态内容和模态。到目前为止,我有以下内容,但我的内容仍然有空间

.modal-body {
    position: relative;
    overflow-y: auto;
    margin: 0 ;
    padding: 0;
}
.modal-content{
    padding: 0;
    margin: 0;
}
HTML


解决方案是使用
jquery
并在触发
模式
时设置
css
属性

为此,您应该处理
show.bs.modal
事件

$('.modal').on('show.bs.modal',function()){
$(“.modal body”).css(“填充”,“0px”);
$(“.modal body”).css(“边距”,“0px”);
$(“.modal dialog”).css({
'位置':'相对',
“显示”:“表格”,
“溢出-y”:“自动”,
“溢出-x”:“自动”,
“宽度”:“自动”,
“最小宽度”:“10px”
});
});

启动演示模式
洛雷姆·洛雷姆·洛雷姆

解决方案是使用
jquery
并在触发
模式
时设置
css
属性

为此,您应该处理
show.bs.modal
事件

$('.modal').on('show.bs.modal',function()){
$(“.modal body”).css(“填充”,“0px”);
$(“.modal body”).css(“边距”,“0px”);
$(“.modal dialog”).css({
'位置':'相对',
“显示”:“表格”,
“溢出-y”:“自动”,
“溢出-x”:“自动”,
“宽度”:“自动”,
“最小宽度”:“10px”
});
});

启动演示模式
洛雷姆·洛雷姆·洛雷姆

上面的小提琴有固定的宽度。将文本缩减为一个单词,然后see@flexxxit,看看我的答案。上面的小提琴似乎有固定的宽度。将文本缩减为一个单词,然后see@flexxxit,看看我的答案。
            <div class="modal  fade" id="tpModal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                 aria-hidden="false">
                <div class="modal-dialog " role="document">
                    <div class="modal-content">

                        <div class="modal-body">
                            <mycontent></mycontent>
                        </div>

                    </div>
                </div>
            </div>