前端流动式布局

大屏幕时图片和介绍分为两栏，小屏幕时图片在上，介绍内容在下

大屏幕

手机端

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                <img src="upload/Pccebd723bda24ad7a5336412e608c8d7.jpg" title="gjsys_03.jpg" _src="/upload/Pccebd723bda24ad7a5336412e608c8d7.jpg" />
            </div>
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                作为一种较长期的投资产品，交易并持有实物贵金属近几年在个人投资者中十分流行。而对于较短期的投资而言， 相关衍生品交易以及交易所合约交易则是一种更简单地、门槛更低的交易方式，让你能够以更低的资金投入把握 价格波动中的机会。
            </div>
        </div>
    </div>
</body>

</html>

这么写为什么实现不了效果，哪里需要改一下啊

阅读 2.6k

<div class="container-fluid"> <div class="row-fluid"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <img src="upload/Pccebd723bda24ad7a5336412e608c8d7.jpg" title="gjsys_03.jpg" _src="/upload/Pccebd723bda24ad7a5336412e608c8d7.jpg" /> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> 作为一种较长期的投资产品，交易并持有实物贵金属近几年在个人投资者中十分流行。而对于较短期的投资而言，相关衍生品交易以及交易所合约交易则是一种更简单地、门槛更低的交易方式，让你能够以更低的资金投入把握价格波动中的机会。 </div> </div> </div>

前端流动式布局

你尚未登录，登录后可以

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

快开发完的Vue3项目要做SEO该如何处理？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

如何在CSS中实现滚动条不溢出圆角框？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？