如何使用2 col-md-6

时间:2017-08-16 07:01:10

标签: html css twitter-bootstrap image text



<style>
    .backgroundcolor1 {
        background-color: #567892;
    }
</style>
&#13;
<section>
    <div class="row" align="center">
        <div class="col-md-12 backgroundcolor1">
            <div class="col-md-6 col-sm-6">
                <div class="col-md-10 col-lg-offset-1 ">
                    <br>
                    <img src="assets/images/SPA/Icons/facials.png" class="icons" alt=""><br>
                    <h3>FACIALS</h3>
                    <p align="justify">Have you ever treated to a facial?<br> Facial treatments feel good, offering soothing relaxation, according to Day Spas. Facial massage treatments increase circulation and the flow of blood, and they include a variety of cremes,
                        aromatherapy and oils that moisturize the skin, smell good, and relieve stress as well as encourage peace of mind and contentment</p>
                </div>
            </div>
            <div class="col-md-6 col-sm-6 textbox">

                <img src="assets/images/SPA/facial.jpg" style="height: 100%; width: 100%; object-fit: contain;opacity:0.9;padding:0;margin:0; " alt="">
                <figcaption><br><br><br>
                    <h3>Facials</h3>
                </figcaption>
                [enter image description here][1]
            </div>
        </div>
    </div>
</section>
&#13;
&#13;
&#13;

我正在对文本进行正确的图像拟合..在我开始调整图像开始缩小之后,将会出现像下图一样的间隙。我不希望所有设备都发生这种情况。我的整个网站只有这种方式。我不希望在图像的右侧显示额外的背景。任何人都可以帮我解决这个问题。

image

2 个答案:

答案 0 :(得分:0)

您可以在col-md-6中创建行并定义您想要的列

where_in

您可以先打印文字,然后再打印图像,然后根据需要更改字幕长度。我希望这是你需要的,如果不是,请试着澄清你的问题。

答案 1 :(得分:0)

请检查一下

&#13;
&#13;
... | ForEach-Object {
    $_ -replace '\[\d+(;\d+)?m' | Add-Content 'C:\path\to\output.txt'
    $_
}
&#13;
function Tee-ObjectNoColor {
    [CmdletBinding()]
    Param(
        [Parameter(Position=0, Mandatory=$true, ValueFromPipeline=$true)]
        [string]$InputObject,

        [Parameter(Position=1, Mandatory=$true)]
        [string]$FilePath
    )

    Process {
        $InputObject -replace '\[\d+(;\d+)?m' | Add-Content $FilePath
        $InputObject
    }
}

... | Tee-ObjectNoColor -FilePath 'C:\path\to\output.txt'
&#13;
&#13;
&#13;

相关问题