﻿<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Text widget</title>
    <meta name="buildfire" content="disableBootstrap" />
    <script src="../../../scripts/_bundles/buildfire_lightcarousel.min.js"></script>
    <style>
      body {
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
      }
      #text {
        word-break: break-word;
      }
      #carousel {
        background-color: rgba(0,0,0,0.2);
      }
    </style>
</head>
<body>
  <div>
      <div id="carousel"></div>
      <div id="text" class="padded"></div>
  </div>
</body>

</html>

﻿<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Text widget</title>
    <meta name="buildfire" content="disableBootstrap" />
    <script src="../../../scripts/_bundles/buildfire_lightcarousel.min.js"></script>
    <style>
      body {
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        margin: 0;
      }
      img {
        display: block;
        width: 100%;
      }
      #text {
        word-break: break-word;
      }
      #carousel {
        background-color: rgba(0,0,0,0.2);
      }
    </style>
</head>
<body>
  <div>
      <div id="carousel"></div>
      <div id="text" class="padded"></div>
  </div>
</body>

</html>

Remove body margin and set image to block since bootstrap is removed
Remove body margin and set image to block since bootstrap is removed
