Bootstrap - 50％背景与普通容器

Question

我有疑问。我想在例子中做一些事情：   - 一列内容+一列背景   - 两列包含内容，其中一列包含背景

问题是 - 我使用的是普通容器，而不是流体。我应该使用单独的DIV作为背景并使用绝对位置吗？诚实 - 我不喜欢这个想法。

我目前的代码：

import numpy as np
A = np.array([[1, 2], [3, 4]])

A.flatten()[0]

有什么想法吗？抱歉我的英文。

Answer 1

如果你想保持行，我建议这个布局（绝对没有位置）

<div class="container">
    <div class="row">   
      <div id="my_background_img" class="col-lg-6"> <! --you can add your background  to  this div --  eventually using adn id and a ccs external styling> 
      </div> 
      <div vclass="col-lg-6">
          <h1>Test Content col-lg-6</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam mauris quis arcu pretium, quis lacinia odio lobortis. Mauris a tellus turpis. Fusce pretium enim eget lorem sodales lacinia non sed metus. Donec quis varius enim. Phasellus vitae sapien congue, convallis justo eu, pharetra turpis. Sed a augue et nulla sodales aliquet. Aenean id nulla vitae odio tincidunt placerat. Etiam pharetra, lorem a sollicitudin ultricies, elit lectus vehicula lectus, ac molestie risus nibh quis velit. Sed accumsan aliquet orci eu commodo. Nam consectetur lacinia tempus.</p>
      </div>
    </div> <!-- end first row -->
    <div class="row">       
        <div class="col-lg-6">
          <h1>Test Content col-lg-6</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam mauris quis arcu pretium, quis lacinia odio lobortis. Mauris a tellus turpis. Fusce pretium enim eget lorem sodales lacinia non sed metus. Donec quis varius enim. Phasellus vitae sapien congue, convallis justo eu, pharetra turpis. Sed a augue et nulla sodales aliquet. Aenean id nulla vitae odio tincidunt placerat. Etiam pharetra, lorem a sollicitudin ultricies, elit lectus vehicula lectus, ac molestie risus nibh quis velit. Sed accumsan aliquet orci eu commodo. Nam consectetur lacinia tempus.</p>
        </div>
        <div class="col-lg-6">
          <h1>Test Content col-lg-6</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam mauris quis arcu pretium, quis lacinia odio lobortis. Mauris a tellus turpis. Fusce pretium enim eget lorem sodales lacinia non sed metus. Donec quis varius enim. Phasellus vitae sapien congue, convallis justo eu, pharetra turpis. Sed a augue et nulla sodales aliquet. Aenean id nulla vitae odio tincidunt placerat. Etiam pharetra, lorem a sollicitudin ultricies, elit lectus vehicula lectus, ac molestie risus nibh quis velit. Sed accumsan aliquet orci eu commodo. Nam consectetur lacinia tempus.</p>
        </div>       
    </div> <!-- end second row -->
</div>