如何在twitter bootstrap 3中删除具有不需要背景的模态？

Question

这是我使用bootstrap3的模态代码。

还使用此处指定的补丁文件：http://jschr.github.io/bootstrap-modal/

添加了我作为输出获取的图像。

这里造成的确切问题是什么？有人可以帮忙吗。

---

<div id="loginModal" class="modal fade" tabindex="-1" data-focus-on="input:first"     style="width: 700px;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
       <h1 class="text-center">Login</h1>
</div>
<div class="modal-body">
     <form class="form col-md-12 center-block">
        <div class="form-group">
          <input type="text" class="form-control input-lg" placeholder="Email">
        </div>
        <div class="form-group">
          <input type="password" class="form-control input-lg" placeholder="Password">
        </div>
        <div class="form-group">
          <button class="btn btn-primary btn-lg btn-block">Sign In</button>
          <span class="pull-right"><a data-toggle="modal"  href="#registerModal">Register</a></span><span><a href="#">Forgot password?</a></span>
        </div>
      </form>
        <div class="row text-center">
          <div class="col-md-5 col-md-offset-1">
            <button class="btn btn-primary btn-lg btn-block"><span class="fa fa-facebook"></span> | Login via Facebook</button>
          </div>
          <div class="col-md-5">
            <button class="btn btn-primary btn-lg btn-block"><span class="fa fa-google-plus"></span> | Login via google</button>
          </div>
        </div>
  </div>
  <div class="modal-footer">
    <div class="col-md-12">
       <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
   </div> 
   </div>
  </div>
   </div>
  </div>

Answer 1

我遇到了同样的问题，但它只发生在平板电脑和智能手机这样的小屏幕上。

我正在使用Joomla模板，在CSS文件中，我找到了一些代码如下：

    <phone:PhoneApplicationPage.Resources>
    <Storyboard x:Name="RotateCamera" RepeatBehavior="Forever">
        <DoubleAnimation 
            Duration="0:0:10" To="360"
            Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)"
            Storyboard.TargetName="CamGrid"
            d:IsOptimized="True" />
    </Storyboard>
</phone:PhoneApplicationPage.Resources>
<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid Name="CamGrid"
          RenderTransformOrigin=".5, .5">
        <Grid.RenderTransform>
            <CompositeTransform x:Name="CamGridCompositeTransform" />
        </Grid.RenderTransform>
        <Path Data="M4,16h1.6V5.6H16V4H4V16z M5.6,27.2H4v12h12v-1.6H5.6V27.2z M37.6,16h1.6V4h-12v1.6h10.4V16z M9.6,20.8H0v1.6
    h9.6V20.8z M20.8,43.2h1.6v-9.6h-1.6V43.2z M37.6,37.6H27.2v1.6h12v-12h-1.6V37.6z M20.8,9.6h1.6V0h-1.6V9.6z M33.6,20.8v1.6h9.6
    v-1.6H33.6z M33.6,20.8"
              Name="vectorCapture"
              Fill="{Binding Path=LocalizedResources.ForeColor2,
            Source={StaticResource LocalizedStrings}}"
              Stroke="{Binding Path=LocalizedResources.ForeColor2,
            Source={StaticResource LocalizedStrings}}"
              StrokeThickness="2"
              Height="64"
              Width="64"
              Margin="0,0,0,0"
              Stretch="Uniform"
              VerticalAlignment="Bottom"/>
    </Grid>
</Grid>

所以我相信如果你使用代码检查（chrome / Firefox / opera），也许你会找到解决这个问题的方法。