Twitter bootstrap Span提交按钮至col-xs-12

Twitter bootstrap Span提交按钮至col-xs-12,twitter-bootstrap,Twitter Bootstrap,有人能帮助我如何在移动设备中获得更长的提交按钮吗?请看图片 <div class="row"> <div class="col-xs-12"> <div class="panel panel-primary"> <div class="panel-heading"><h3 class="panel-title">Account Deatils</h3></div> <di

有人能帮助我如何在移动设备中获得更长的提交按钮吗?请看图片

<div class="row">
  <div class="col-xs-12">
    <div class="panel panel-primary">
      <div class="panel-heading"><h3 class="panel-title">Account Deatils</h3></div>
      <div class="panel-body">
        tetsing
      </div>
    </div>
    <button type="button" class="btn btn-success">Success</button>
  </div>
</div>

死亡帐户
提辛
成功

由于您使用的是Bootsrap,因此可以将类“表单控件”添加到按钮中。不能诚实地告诉您这是否符合Bootstrap的规范或最佳实践-如果不符合,您可以创建一个新类和外接程序:

display:block;
width:100%;

也就是说,默认情况下引导列有一些填充,所以这并不是真正的100%窗口;如果您希望,您可以创建一个名为noPadding的类来添加到列div中,或者只使用该行作为适当的容器。

我无法添加图像,因为这在stackoverflow网站中似乎是一个问题。我已尝试在col-xs-13 div下添加按钮,但在mobile上仍然显示小按钮。我想在MobileDesive中跨越整行。您好,我正在学习bootstartp和jquery,并尝试创建一个原型。我有几个问题,到目前为止我创造了什么,我希望你能在这方面提供帮助。关于我的问题,请参考JSFIDLE。1.为什么JSFIDLE上不显示蓝色面板?我添加了引导。css和bootstrap.js作为外部资源。我可以在本地服务器上看到,但在JSFIDLE示例上看不到。2.为什么我所有的表单字段都在标签下面?3.尽管面板跨越整个col-xs-12,为什么所有表单字段都左对齐。4.如果我以快速响应的方式查看该页面,那么它在所有设计中都看起来很棒。Exct last submit按钮仍显示为小的原始大小。在手机和平板电脑设计中,我是否可以跨越提交按钮?就像从左到右跨越装置一样?我将你的小提琴与另一个用户的引导小提琴结合在一起,可以在这里找到-不管是谁,对于问题1,蓝色很可能由于加载外部文件的问题而没有显示-它看起来就在你的小提琴中,但这不是问题。也许缺少一个theme.css?至于问题2,默认情况下引导将字段放在标签下面,一种解决方法是根据引导规范使用表单内联。最后,表单字段是左对齐的,即使列是12,因为没有div包装表单字段。此外,如果从输入中删除输入组类,它们将是100%;我相信输入组与spans结合使用,可以通过引导添加gylphicons。要使用form control类查看全宽按钮,您可以转到这里:非常感谢您的解释。在更新JSFIDLE以将表单字段的DIV添加为中心而不是左对齐时,我可以请您提供一些帮助吗?