html – 在Bootstrap模式框中使用_html-js-css

概述我的网站上有几个工作模式框,我正在尝试添加一个新模块框.现有的盒子只有纯文本,并不是问题. 新的一个在模态体中有一个IMG,但当我刷新页面时,模态框被加载并位于我的网站顶部,如果我删除它按预期工作的图像(减去图像) 链接代码： <a href="#clarissa" role="button" data-toggle="modal">Clarissa Bonnel</a> 模态框： http:// 我的网站上有几个工作模式框,我正在尝试添加一个新模块框.现有的盒子只有纯文本,并不是问题.

新的一个在模态体中有一个img,但当我刷新页面时,模态框被加载并位于我的网站顶部,如果我删除它按预期工作的图像(减去图像)

链接代码：

<a href="#clarissa" role="button" data-toggle="modal">Clarissa Bonnel</a>

模态框：

http://jsfiddle.net/wan4q/

有什么建议？

解决方法请检查此 link,其中包含带图像的工作模式.

码：

<head><link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/CSS/bootstrap.min.CSS"><link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/CSS/bootstrap-theme.min.CSS"></head><body><!-- button trigger modal --><a data-toggle="modal" href="#myModal" >Launch demo modal</a><!-- Modal --><div  ID="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hIDden="true"><div >  <div >    <div >      <button type="button"  data-dismiss="modal" aria-hIDden="true">&times;</button>      <h4 >Modal Title</h4>    </div>    <div >        <img  src="http://vmatechs.com/wp-content/uploads/2013/07/androID.jpg" alt="image" />    </div>    <div >      <button type="button"  data-dismiss="modal">Close</button>      <button type="button" >Save changes</button>    </div>  </div><!-- /.modal-content --></div><!-- /.modal-dialog --> </div><!-- /.modal -->  <script src="//AJAX.GoogleAPIs.com/AJAX/libs/jquery/1.10.2/jquery.min.Js"></script><script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/Js/bootstrap.min.Js"></script><body>

这个link到工作模式与图像和文本

总结

以上是内存溢出为你收集整理的html – 在Bootstrap模式框中使用全部内容，希望文章能够帮你解决html – 在Bootstrap模式框中使用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1043008.html