mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-07-31 11:50:30 +02:00
Code Issues Releases Wiki Activity

Bootstrap3 Featurebox responsive-design fix.

Browse Source
This commit is contained in:
Cameron
2014-01-24 03:16:11 -08:00
parent cb75ba4aab
commit bcad40e48d
2 changed files with 16 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
e107_plugins/featurebox/templates/featurebox_template.php
View File

@@ -11,7 +11,7 @@ global $sc_style;
// e107 v2.x Defaults.
$FEATUREBOX_TEMPLATE['bootstrap_carousel_default'] = '{SETIMAGE: w=1900&h=500&crop=1}
$FEATUREBOX_TEMPLATE['bootstrap_carousel_default'] = '{SETIMAGE: w=1900&h=450&crop=1}
<div class="{FEATUREBOX_ACTIVE} item slide{FEATUREBOX_COUNTER}">
{FEATUREBOX_IMAGE=placeholder}
<div class="container">
@@ -24,13 +24,13 @@ $FEATUREBOX_TEMPLATE['bootstrap_carousel_default'] = '{SETIMAGE: w=1900&h=500&cr
$FEATUREBOX_TEMPLATE['bootstrap_carousel_left'] = '
<!-- slide --> {SETIMAGE: w=600&h=500&crop=1}
<!-- slide --> {SETIMAGE: w=600&h=450&crop=1}
<div class="{FEATUREBOX_ACTIVE} item slide{FEATUREBOX_COUNTER}">
<div class="media container">
<div class="media-object featurebox-item-image col-lg-6 pull-left ">
<div class="container">
<div class="featurebox-item-image col-xs-12 col-md-6 col-sm-6 pull-left ">
{FEATUREBOX_IMAGE=placeholder}
</div>
<div class="media-body featurebox-item-text span4">
<div class="featurebox-item-text col-xs-12 col-md-6 col-sm-6 span4">
<h1>
{FEATUREBOX_TITLE}
</h1>
@@ -48,11 +48,11 @@ $FEATUREBOX_TEMPLATE['bootstrap_carousel_left'] = '
$FEATUREBOX_TEMPLATE['bootstrap_carousel_right'] = '
{SETIMAGE: w=600&h=500&crop=1}
<div class="{FEATUREBOX_ACTIVE} item slide{FEATUREBOX_COUNTER}">
<div class="media container">
<div class="featurebox-item-image media-object pull-right span6 col-lg-6">
<div class="container">
<div class="featurebox-item-image pull-right col-xs-12 col-sm-6 col-md-6 span6">
{FEATUREBOX_IMAGE=placeholder}
</div>
<div class="featurebox-item-text media-body animated fadeInUpBig">
<div class="featurebox-item-text col-xs-12 col-md-6 col-sm-6">
<h1>{FEATUREBOX_TITLE}</h1>
{FEATUREBOX_TEXT}

20
e107_themes/bootstrap3/style.css
View File

@@ -73,8 +73,9 @@ body {
-------------------------------------------------- */
/* Carousel base class */
.featurebox.carousel {
height: 500px;
min-height:460px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
@@ -83,21 +84,16 @@ body {
/* Declare heights because of positioning of img element */
.featurebox.carousel .item {
height: 500px;
min-height:460px;
background-color: #CCCCCC;
}
.carousel-inner > .item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 500px;
}
.media-object.featurebox-item-image {
margin: 25px 0px;
.featurebox-item-image.pull-left, .featurebox-item-image.pull-right {
margin-top: 25px;
}
img.featurebox { border-radius: 5px }
.xurl-social-icons a {
color: inherit;