Использование столбцов для размещения HTML

Прежде всего, извиняюсь, если мой заголовок не самый описательный в мире, я не мог придумать что-нибудь еще для этого.Использование столбцов для размещения HTML

Я использую тему HTML5 по HTML5UP под названием Alpha. Веб-сайт предназначен для оказания первой помощи клиентам, использующим приложение, разработанное моими коллегами. Я хотел бы сделать две колонки, одну ширину 8 и одну ширину 4. с помощью начальной загрузки я написал бы это ...

<div class="col-sm-8"> 
    ***CONTENT*** 
</div> 
<div class="col-sm-4"> 
    ***CONTENT*** 
</div>

Однако эта тема использует следующие обозначения:

<div class="row"> 
    <div class="6u 12u(narrower)"> 
     <section class="box special"> 
      <span class="image featured"><img src="images/pic02.jpg" alt="" /></span> 
      <h3>Sed lorem adipiscing</h3> 
      <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p> 
      <ul class="actions"> 
       <li><a href="#" class="button alt">Learn More</a></li> 
      </ul> 
    </section> 
</div>

Мой вопрос, я пытался обменивать Col-SM-X прямо на Сю, но это не работает. Может ли кто-нибудь здесь указать мне в правильном направлении?

Thanks,

Этан.

источник

2016-09-28 E.Owen

Эта тема не использует бутстрап. –

Hi Germano. Я знаю, что эта тема не использует bootstrap, поэтому нотация col-sm-X не работает. Мой вопрос: как я могу использовать систему Xu, которую использует эта тема? Я пробовал 8u и 4u как мои классы, но это не работает. –

Почему бы не скопировать атрибуты стиля из «col-sm-4» в «6u», чтобы переопределить их? –

Я пытаюсь изменить ширину столбца и он работает .. !!

изменения:

класс = "6U 12u (более узкий)" -> класс = "4u 12u (более узкий)"
класс = "6U 12u (более узкий)" -> класс =» 8u 12u (более узкий) "

источник

2016-09-28 16:04:46

Спасибо, Хардик. Я попробую это сейчас и вернусь к вам! –

Просто попробовал, и он все еще не работает :( Первый размер столбцов, как и ожидалось, но второй снизу не справа от него! Спасибо за вашу помощь, хотя вы, по крайней мере, помогли мне сделать _some_ progress –

Использование столбцов для размещения HTML

ответ

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