title: Specify/Set width and height on a react-boostrap modal
body: <p>How can I apply a dynamic width and height to a react-bootstrap modal window?
  I have checked the react-bootstrap docs <a href="https://react-bootstrap.github.io/components.html#modals" rel="noreferrer">here</a> but could not figure out how to do that.
  Actually the value of width and height props would be dynamic (could be any values) as this will be a reusable component in my app (to be used on many pages) thus can't apply width/height through some CSS class.</p>
  
  <p>'bsSize' property as mentioned in docs also not working, although predefined sizes of xs, md, lg is not what I exactly want, rather I need width and height to be set on modal via props.</p>
  
  <p>Here is my sample JSX code:</p>
  
  <pre><code>var MyWindow = React.createClass({
      getInitialState() {
          return { show: true };
      },
      close() {
          this.setState({ show: false });
      },
      open() {
          this.setState({ show: true });
      },
      save() {
  
      },
      render: function () {
  
          var Button = ReactBootstrap.Button,
              Modal = ReactBootstrap.Modal,
              ModalBody = ReactBootstrap.ModalBody,
              ModalHeader = ReactBootstrap.ModalHeader,
              ModalFooter = ReactBootstrap.ModalFooter,
              ModalTitle = ReactBootstrap.ModalTitle;
  
          return (
              &lt;Modal show={this.state.show} onHide={this.close}&gt;
                  &lt;ModalHeader closeButton&gt;
                      &lt;ModalTitle&gt;My Cool Window&lt;/ModalTitle&gt;
                  &lt;/ModalHeader&gt;
                  &lt;ModalBody&gt;
                      &lt;h4&gt;Text in a modal&lt;/h4&gt;
                      &lt;p&gt;Duis mollis, est non commodo luctus&lt;/p&gt;
                  &lt;/ModalBody&gt;
                  &lt;ModalFooter&gt;
                      &lt;Button onClick={this.close}&gt;Cancel&lt;/Button&gt;
                      &lt;Button bsStyle="primary" onClick={this.save}&gt;Save&lt;/Button&gt;
                  &lt;/ModalFooter&gt;
              &lt;/Modal&gt;
          );
  
      }
  });
  
  React.render(&lt;MyWindow width={700} height={400} /&gt;, mountNode);
  </code></pre>