As needed for "edge to edge" designs, where a gutter adds an addition 15px on each side (left/right), an option for removing the "container/container-fluid" wrapper is needed as documented here;

https://getbootstrap.com/docs/4.0/layout/grid/#no-gutters

No Gutters

Comments

AaronChristian created an issue. See original summary.

mahmoud-zayed’s picture

Status: Active » Needs work

aaronchristian’s picture

Status: Needs work » Needs review
aaronchristian’s picture

Status: Needs review » Needs work

aaronchristian’s picture

Title: No Gutters » Remove Column Gutters Option
Status: Needs work » Needs review
StatusFileSize
new24.39 KB
new447.56 KB
new234.84 KB

Had a problem with media not attaching to sections after a failing test.

Please ensure you have selected your background media option properly at; /admin/config/bootstrap-layout-builder/settings

BLB Video Config

After that, i was able to add background media again with the new flush + no gutter options.

BG Image:

Flush + No Gutters + BG Image

BG Video:

Flush + No Gutters + BG Video

mahmoud-zayed’s picture

Status: Needs review » Fixed
mahmoud-zayed’s picture

Assigned: mahmoud-zayed » Unassigned
mahmoud-zayed’s picture

Merged to 1.3 Release!

Currently, No gutters option works with themes based on bootstrap 4.
We may need to make the base class of gutters predefined from the module settings page so if anyone uses B3 can change the base class to "row-no-gutters" instead of "no-gutters".
https://stackoverflow.com/questions/21254889/bootstrap-how-to-remove-the...

mahmoud-zayed’s picture

Status: Fixed » Needs work
mindhunter75’s picture

Hi Maghmoud-Zayed and AaronChristian,

I've installed the latest 1.3.0 version but i still can't add media to the regions. If i select media i can't add the section. After leaving the page and edit the block again i get a wsod with "Unexepted error".

I have selected my background media option properly at /admin/config/bootstrap-layout-builder/settings like AaronChristian mentioned.

In the logfiles i see this error:

Error: Call to undefined method Drupal\file\Entity\File::url() in Drupal\bootstrap_layout_builder\Plugin\Layout\BootstrapLayout->buildBackgroundMediaImage() (regel 195 van /web/modules/contrib/bootstrap_layout_builder/src/Plugin/Layout/BootstrapLayout.php)

#0 /web/modules/contrib/bootstrap_layout_builder/src/Plugin/Layout/BootstrapLayout.php(94): Drupal\bootstrap_layout_builder\Plugin\Layout\BootstrapLayout->buildBackgroundMediaImage(Object(Drupal\media\Entity\Media), 'field_media_ima...')
#1 /web/core/modules/layout_builder/src/Section.php(91): Drupal\bootstrap_layout_builder\Plugin\Layout\BootstrapLayout->build(Array)
#2 /web/core/modules/layout_builder/src/Element/LayoutBuilder.php(250): Drupal\layout_builder\Section->toRenderArray(Array, true)
#3 /web/core/modules/layout_builder/src/Element/LayoutBuilder.php(123): Drupal\layout_builder\Element\LayoutBuilder->buildAdministrativeSection(Object(Drupal\layout_builder\Plugin\SectionStorage\OverridesSectionStorage), 0)
#4 /web/core/modules/layout_builder/src/Element/LayoutBuilder.php(97): Drupal\layout_builder\Element\LayoutBuilder->layout(Object(Drupal\layout_builder\Plugin\SectionStorage\OverridesSectionStorage))
#5 [internal function]: Drupal\layout_builder\Element\LayoutBuilder->preRender(Array)
#6 /web/core/lib/Drupal/Core/Security/DoTrustedCallbackTrait.php(100): call_user_func_array(Array, Array)
#7 /web/core/lib/Drupal/Core/Render/Renderer.php(781): Drupal\Core\Render\Renderer->doTrustedCallback(Array, Array, 'Render #pre_ren...', 'exception', 'Drupal\\Core\\Ren...')
#8 /web/core/lib/Drupal/Core/Render/Renderer.php(372): Drupal\Core\Render\Renderer->doCallback('#pre_render', Array, Array)
#9 /web/core/lib/Drupal/Core/Render/Renderer.php(444): Drupal\Core\Render\Renderer->doRender(Array)
#10 /web/core/lib/Drupal/Core/Render/Renderer.php(200): Drupal\Core\Render\Renderer->doRender(Array, false)
#11 /web/core/lib/Drupal/Core/Render/MainContent/HtmlRenderer.php(226): Drupal\Core\Render\Renderer->render(Array, false)
#12 /web/core/lib/Drupal/Core/Render/Renderer.php(573): Drupal\Core\Render\MainContent\HtmlRenderer->Drupal\Core\Render\MainContent\{closure}()
#13 /web/core/lib/Drupal/Core/Render/MainContent/HtmlRenderer.php(227): Drupal\Core\Render\Renderer->executeInRenderContext(Object(Drupal\Core\Render\RenderContext), Object(Closure))
#14 /web/core/lib/Drupal/Core/Render/MainContent/HtmlRenderer.php(117): Drupal\Core\Render\MainContent\HtmlRenderer->prepare(Array, Object(Symfony\Component\HttpFoundation\Request), Object(Drupal\Core\Routing\CurrentRouteMatch))
#15 /web/core/lib/Drupal/Core/EventSubscriber/MainContentViewSubscriber.php(90): Drupal\Core\Render\MainContent\HtmlRenderer->renderResponse(Array, Object(Symfony\Component\HttpFoundation\Request), Object(Drupal\Core\Routing\CurrentRouteMatch))
#16 /vendor/symfony/event-dispatcher/LegacyEventDispatcherProxy.php(78): Drupal\Core\EventSubscriber\MainContentViewSubscriber->onViewRenderArray(Object(Symfony\Component\HttpKernel\Event\ViewEvent), 'kernel.view', Object(Symfony\Component\EventDispatcher\LegacyEventDispatcherProxy))
#17 /vendor/symfony/http-kernel/HttpKernel.php(163): Symfony\Component\EventDispatcher\LegacyEventDispatcherProxy->dispatch(Object(Symfony\Component\HttpKernel\Event\ViewEvent), 'kernel.view')
#18 /vendor/symfony/http-kernel/HttpKernel.php(80): Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object(Symfony\Component\HttpFoundation\Request), 1)
#19 /web/core/lib/Drupal/Core/StackMiddleware/Session.php(57): Symfony\Component\HttpKernel\HttpKernel->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#20 /web/core/lib/Drupal/Core/StackMiddleware/KernelPreHandle.php(47): Drupal\Core\StackMiddleware\Session->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#21 /web/core/modules/page_cache/src/StackMiddleware/PageCache.php(106): Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#22 /web/core/modules/page_cache/src/StackMiddleware/PageCache.php(85): Drupal\page_cache\StackMiddleware\PageCache->pass(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#23 /web/core/lib/Drupal/Core/StackMiddleware/ReverseProxyMiddleware.php(47): Drupal\page_cache\StackMiddleware\PageCache->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#24 /web/core/lib/Drupal/Core/StackMiddleware/NegotiationMiddleware.php(52): Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#25 /vendor/stack/builder/src/Stack/StackedHttpKernel.php(23): Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#26 /web/core/lib/Drupal/Core/DrupalKernel.php(705): Stack\StackedHttpKernel->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#27 /web/index.php(19): Drupal\Core\DrupalKernel->handle(Object(Symfony\Component\HttpFoundation\Request))
#28 {main}

.

I've also several warning in the logfiles:

Warning: array_unique() expects parameter 1 to be array, string given in Drupal\bootstrap\Utility\Attributes->getClasses() (regel 66 van /web/themes/contrib/bootstrap/src/Utility/Attributes.php)

#0 /web/core/includes/bootstrap.inc(301): _drupal_error_handler_real(2, 'array_unique() ...', '/home/debi223/d...', 66, Array)
#1 [internal function]: _drupal_error_handler(2, 'array_unique() ...', '/home/debi223/d...', 66, Array)
#2 /web/themes/contrib/bootstrap/src/Utility/Attributes.php(66): array_unique('blb_tab-content')
#3 /web/themes/contrib/bootstrap/src/Utility/Attributes.php(100): Drupal\bootstrap\Utility\Attributes->getClasses()
#4 /web/themes/contrib/bootstrap/src/Utility/DrupalAttributes.php(240): Drupal\bootstrap\Utility\Attributes->hasClass('container-inlin...')
#5 /web/themes/contrib/bootstrap/src/Plugin/ProcessManager.php(76): Drupal\bootstrap\Utility\DrupalAttributes->hasClass('container-inlin...')
#6 [internal function]: Drupal\bootstrap\Plugin\ProcessManager::process(Array, Object(Drupal\Core\Form\FormState), Array)
#7 /web/core/lib/Drupal/Core/Form/FormBuilder.php(1009): call_user_func_array(Array, Array)
#8 /web/core/lib/Drupal/Core/Form/FormBuilder.php(1072): Drupal\Core\Form\FormBuilder->doBuildForm('layout_builder_...', Array, Object(Drupal\Core\Form\FormState))
#9 /web/core/lib/Drupal/Core/Form/FormBuilder.php(1072): Drupal\Core\Form\FormBuilder->doBuildForm('layout_builder_...', Array, Object(Drupal\Core\Form\FormState))
#10 /web/core/lib/Drupal/Core/Form/FormBuilder.php(1072): Drupal\Core\Form\FormBuilder->doBuildForm('layout_builder_...', Array, Object(Drupal\Core\Form\FormState))
#11 /web/core/lib/Drupal/Core/Form/FormBuilder.php(575): Drupal\Core\Form\FormBuilder->doBuildForm('layout_builder_...', Array, Object(Drupal\Core\Form\FormState))
#12 /web/core/lib/Drupal/Core/Form/FormBuilder.php(321): Drupal\Core\Form\FormBuilder->processForm('layout_builder_...', Array, Object(Drupal\Core\Form\FormState))
#13 /web/core/lib/Drupal/Core/Controller/FormController.php(73): Drupal\Core\Form\FormBuilder->buildForm(Object(Drupal\layout_builder\Form\ConfigureSectionForm), Object(Drupal\Core\Form\FormState))
#14 [internal function]: Drupal\Core\Controller\FormController->getContentResult(Object(Symfony\Component\HttpFoundation\Request), Object(Drupal\Core\Routing\RouteMatch))
#15 /web/core/lib/Drupal/Core/EventSubscriber/EarlyRenderingControllerWrapperSubscriber.php(123): call_user_func_array(Array, Array)
#16 /web/core/lib/Drupal/Core/Render/Renderer.php(573): Drupal\Core\EventSubscriber\EarlyRenderingControllerWrapperSubscriber->Drupal\Core\EventSubscriber\{closure}()
#17 /web/core/lib/Drupal/Core/EventSubscriber/EarlyRenderingControllerWrapperSubscriber.php(124): Drupal\Core\Render\Renderer->executeInRenderContext(Object(Drupal\Core\Render\RenderContext), Object(Closure))
#18 /web/core/lib/Drupal/Core/EventSubscriber/EarlyRenderingControllerWrapperSubscriber.php(97): Drupal\Core\EventSubscriber\EarlyRenderingControllerWrapperSubscriber->wrapControllerExecutionInRenderContext(Array, Array)
#19 /vendor/symfony/http-kernel/HttpKernel.php(158): Drupal\Core\EventSubscriber\EarlyRenderingControllerWrapperSubscriber->Drupal\Core\EventSubscriber\{closure}()
#20 /vendor/symfony/http-kernel/HttpKernel.php(80): Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object(Symfony\Component\HttpFoundation\Request), 1)
#21 /web/core/lib/Drupal/Core/StackMiddleware/Session.php(57): Symfony\Component\HttpKernel\HttpKernel->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#22 /web/core/lib/Drupal/Core/StackMiddleware/KernelPreHandle.php(47): Drupal\Core\StackMiddleware\Session->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#23 /web/core/modules/page_cache/src/StackMiddleware/PageCache.php(106): Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#24 /web/core/modules/page_cache/src/StackMiddleware/PageCache.php(85): Drupal\page_cache\StackMiddleware\PageCache->pass(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#25 /web/core/lib/Drupal/Core/StackMiddleware/ReverseProxyMiddleware.php(47): Drupal\page_cache\StackMiddleware\PageCache->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#26 /web/core/lib/Drupal/Core/StackMiddleware/NegotiationMiddleware.php(52): Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#27 /vendor/stack/builder/src/Stack/StackedHttpKernel.php(23): Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#28 /web/core/lib/Drupal/Core/DrupalKernel.php(705): Stack\StackedHttpKernel->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true)
#29 /web/index.php(19): Drupal\Core\DrupalKernel->handle(Object(Symfony\Component\HttpFoundation\Request))
#30 {main}

.

I don't know if this is related.

Do you have any idea how to fix this? I run drupal 9.0.2 and Bootstrap 8.x-3.23.

Thank you!

mahmoud-zayed’s picture

Hi mindhunter75,

Thanks for catching this error, the first error is related to BLB because there is a deprecated method removed in D9, I have reported the following bug, and I am going to push the fix there:
https://www.drupal.org/project/bootstrap_layout_builder/issues/3158047

Regards,
Mahmoud

aaronchristian’s picture

Status: Needs work » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.