无法将图像添加到引导程序中的列中

时间:2014-07-16 18:47:41

标签: html css twitter-bootstrap

好的,所以我正在建立这个网站,一切都很好,直到现在,但我不能在一个列中添加图像。

这是我的代码`

    <div class="container">

        <div class="row">
            <div class="col-lg-3 col-md-3">
                <h3><i class="fa fa-check-circle"></i> Bootstrap 3 Built</h3>
                <p>The 'Modern Business' website template by <a href="http://startbootstrap.com">Start Bootstrap</a> is built with <a href="http://getbootstrap.com">Bootstrap 3</a>. Make sure you're up to date with latest Bootstrap documentation!</p>
            </div>
            <div class="col-lg-3 col-md-3">
                <h3>de ce noi?</h3>
                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nulla massa, venenatis id auctor quis, hendrerit et ipsum. In lacinia nec diam quis imperdiet. Vestibulum malesuada sodales libero, eu luctus tellus rutrum non. Fusce mi nibh, porttitor vel sollicitudin quis, semper et quam. In condimentum tempus ligula, sed pellentesque sem condimentum nec. Aliquam turpis magna, blandit et dignissim non, rutrum non est. Vestibulum iaculis mauris vel magna euismod sollicitudin. Aenean sit amet massa ac lacus tincidunt sodales. Morbi at lacinia arcu. Nunc ut elementum massa.</p>
            </div>
            <div class="col-lg-3 col-md-3">
                <h3>serviciile noastre</h3>
                <img src="http://imgur.com/wI66dTz" alt="bifa">

                <p>Parcare Gratuita</p>
                <p>Parcare Gratuita</p>
            </div>
             <div class="col-lg-3 col-md-3">
                <h3><i class="fa fa-check-circle"></i> Bootstrap 3 Built</h3>
                <p>The 'Modern Business' website template by <a href="http://startbootstrap.com">Start Bootstrap</a> is built with <a href="http://getbootstrap.com">Bootstrap 3</a>. Make sure you're up to date with latest Bootstrap documentation!</p>
            </div>
        </div>
        <!-- /.row -->`

在第三列中绝对没有办法添加图片,我已尝试将图像上传到网上imgur并且我也将它放在我的源文件夹中,尝试直接链接到它。当我尝试从源文件夹netbeans给出一个错误,说无法加载资源(好像它不在那里),但是png就好了。

任何人都有一个想法,我怎么能解决这个问题?

1 个答案:

答案 0 :(得分:1)

您执行此操作的方式错误,您需要使用以.jpg.png.bmp等文件类型扩展名结尾的图像文件的直接链接... < / p>

如果您已将图像上传到某个文件共享网站,则需要下载网址到该图像文件,您可以通过下载文件然后通过右键单击文件来复制链接地址来获取该图像文件在浏览器下载窗口中。

还有其他方法,但这更容易解释。

有关在HTML中插入图片的详情:Basic HTML: Adding Images