Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导4转盘-文本左侧/图像右侧_Html_Css_Bootstrap 4 - Fatal编程技术网

Html 引导4转盘-文本左侧/图像右侧

Html 引导4转盘-文本左侧/图像右侧,html,css,bootstrap-4,Html,Css,Bootstrap 4,我试图弄清楚这种设计是否可以与Bootstrap 4旋转木马配合使用 基本上,我希望制作一个像上图中那样的滑块,但我不知道是否可以将文本放在左边,将图像放在右边,并带有箭头 这可能吗 非常感谢您的帮助 我现在只有默认的引导4转盘代码 使用引导网格。例如2列 <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"

我试图弄清楚这种设计是否可以与Bootstrap 4旋转木马配合使用

基本上,我希望制作一个像上图中那样的滑块,但我不知道是否可以将文本放在左边,将图像放在右边,并带有箭头

这可能吗

非常感谢您的帮助

我现在只有默认的引导4转盘代码



  • 使用引导网格。例如2列

          <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                 <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="row align-items-center">
                                <div class="col-md py-2">
                                    <p> Text text text here. Text here, here, here, here is the text. Text here, here, here, here is the text. </p>
                                    <button class="btn btn-primary">More here</button>
                                </div>
                                <div class="col-md py-2">
                                    <img class="d-block img-fluid" src="..." alt="First slide">
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            ...
                        </div>
                        <div class="carousel-item">
                            ...
                        </div>
                 </div>
          </div>
    
    
    文本在这里。文本在这里,这里,这里,这里是文本。文本在这里,这里,这里,这里是文本

    更多 ... ...

    您是否尝试过使用左/右布局?我看了这个示例:我尝试过,但它似乎没有响应,我不确定如何补救。我也尝试过使用左右浮动,但还是很难让它表现得很好。