小编xdo*_*ola的帖子

Bootstrap模态体被挤压到模态页脚

我正在使用Bootstrap创建一些模态.

我正在使用Bootstrap组件解释中div显示的不同.

什么我遇到的是,当我的屏幕尺寸大于x(平均一些未知的值)的DIV包含我modal-body推了(空),并包含在div我modal-footer吸收的元素modal-body.

这是一张图片来解释我在说什么:

正常模态

压缩模态

编码相同,只需更改屏幕尺寸即可.

<HTML>
  <head>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
  </head>
  <body>
    <div id='modal' class='modal-dialog'>
      <div class='modal-content'>
        <div class='modal-header'>
          <button type='button' class='close' data-dismiss='modal' aria-label='Close'>
            <span aria-hidden='true'>&times;</span>
          </button>
          <h4 class='modal-title'>Change name</h4>
        </div>
        <div class='modal-body'>
          <form id='formModal' method='post' action='giocatori.php'>
            <div class='form-group col-md-12'>
              <label>Name</label>
              <input id='nome_iscrizione' type='text' class='form-control' name='name' value='New name'>
            </div>        
          </form>
        </div>
        <div class='modal-footer'>
          <button type='button' class='btn btn-default' data-dismiss='modal'>Chiudi</button>
          <button type='button' class='btn btn-primary'>Salva</button>
        </div>
      </div>
    </div> …

Run Code Online (Sandbox Code Playgroud)

html modal-dialog twitter-bootstrap bootstrap-modal

xdo*_*ola

2016 01-23

8
推荐指数

1
解决办法

5748
查看次数

通过 Modal Bootstrap 传递数据并获取 php 变量？

我正在尝试获取通过 jquery 传递的输入值并将其设置为 php 变量，但我不知道该怎么做。

此按钮具有我要发送的值：

<button type='button' data-a='".$fila['idPlaza']."' href='#editarUsuario' class='modalEditarUsuario btn btn-warning btn-xs' data-toggle='modal' data-backdrop='static' data-keyboard='false' title='Editar usuario'><img src='../images/edit.png' width='20px' height='20px'></button>

Run Code Online (Sandbox Code Playgroud)

然后我有这个js代码来发送值：

    $(document).on("click", ".modalEditarUsuario", function (e) {
        e.preventDefault();

        var self = $(this);

        $("#a").val(self.data('a'));

        $(self.attr('href')).modal('show');
    });

Run Code Online (Sandbox Code Playgroud)

最后我有这个引导模式

<!-- MODAL EDITAR-->
<div id="editarUsuario" class="modal fade modal" role="dialog">
<div class="vertical-alignment-helper">
    <div class="modal-dialog vertical-align-center">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h2 class="modal-title">Editar usuario</h2>
            </div>
            <form name="formularioModificaUsuario" method='post' action="usuarios.php">
            <div class="modal-body">
                <input type="text" class="form-control" name="idPlaza" id="a">
                <?php 
                    $valueA = ???
                ?>
            </div> …

Run Code Online (Sandbox Code Playgroud)

php jquery twitter-bootstrap bootstrap-modal

Ale*_*roz

2015 10-10

5
推荐指数

1
解决办法

1万
查看次数