html
  • css
  • twitter-bootstrap
  • 2015-07-04 2 views 0 likes 
    0

    Я пытаюсь сделать следующую вещь:Bootstrap ДИВ с изображением следующего другой DIV

    enter image description here

    поэтому я попытался его:

    http://jsfiddle.net/7ewrM/22/

    <div class="container"> 
        <div class="row-fluid"> 
         <div class="col-xs-4"> 
          <div class='img-container'> 
           <img src='http://graph.facebook.com/112845672063384/picture?type=square' /> 
           <div class='img-text'>Mark zuckerberg</div> 
          </div> 
         </div> 
         <div class="col-xs-8"> 
          some text 
         </div> 
        </div> 
    </div> 
    

    Любая помощь оценили!

    ответ

    2
    .container { 
        border: 1px solid red; 
        padding: 0; 
    } 
    .img-container{ 
        padding: 0 10px; 
    } 
    .imggg { 
        display: inline-block; 
        width: 25%; 
        padding: 10px; 
        border-right: 1px solid red; 
    } 
    .text { 
        width: 70%; 
        display: inline-block; 
    } 
    .marc-zuckerberg{ 
        border-top: 1px solid red; 
        width: 100% 
        display:inline-block; 
    } 
    
    
    
    <div class="container"> 
        <div class='img-container'> 
         <div class="imggg"> 
          <img src='http://graph.facebook.com/112845672063384/picture?type=square' /> 
         </div> 
         <div class='text'>text</div> 
        </div> 
        <div class='marc-zuckerberg'>Mark zuckerberg</div> 
    </div> 
    

    Здесь вы идете: http://jsfiddle.net/7ewrM/24/

     Смежные вопросы

    • Нет связанных вопросов^_^