Bootstrap:改变jumbotron中按钮的大小并不起作用

时间:2016-07-16 18:06:39

标签: twitter-bootstrap button click size

见上文。即使我使用btn-lg或btn-sm制作小按钮,按钮仍然很大。是否有任何解决方法可以禁用部分jumbotron样式?



    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /><div class="container">
<div class="container">
  <div class="col-lg-10 col-lg-offset-1 form-group text-center">
  <div class="site-wrapper">

    <div class="site-wrapper-inner jumbotron">
      <div class="cover-container">
        <h2> Enter your email </h2>
        <div class="col-lg-6 col-lg-offset-2">
          <form role="form form-inline">
            <div class="form-group">
              <label for="inputsm">input-sm</label>
              <input class="form-control input-sm" id="inputsm" type="text">
              <button type="button" class="btn btn-primary btn-lg">Large</button>
              <button type="button" class="btn btn-primary btn-md">Medium</button>
              <button type="button" class="btn btn-primary btn-sm">Small</button>
              <button type="button" class="btn btn-primary btn-xs">XSmall</button>
            </div>
            <div class="form-group">
              <label for="inputdefault">Default input</label>
              <input class="form-control" id="inputdefault" type="text">
            </div>
            <div class="form-group">
              <label for="inputlg">input-lg</label>
              <input class="form-control input-lg" id="inputlg" type="text">
            </div>
          </form>
        </div>
      </div>
    </div>
</div>
&#13;
&#13;
&#13;

如果我这样做的话 http://imgur.com/a/fs947

如果我删除jumbotron http://imgur.com/a/Mzt5k

0 个答案:

没有答案