Results 1 to 3 of 3

Thread: bootstrap alignment

  1. #1
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    864
    Thanks
    107
    Thanked 2 Times in 2 Posts

    Default bootstrap alignment

    Hey all,

    I'm looking to align a section of my site, but no idea how it works in bootstrap.
    It is placed in a container-fluid, where the left half should be half blank, half text left aligned. The right half should be filled with an image that fits the whole section.
    Here's an example of what I mean

    Hope you can help me out.
    Thanks.

  2. #2
    Join Date
    Apr 2017
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hello,

    MOD EDIT: Bootstrap usage instructions https://v4-alpha.getbootstrap.com/ut...ertical-align/

    Change the alignment of elements with the vertical-alignment utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements. Choose from .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, and .align-text-top as needed.
    Last edited by Beverleyh; 04-17-2017 at 04:31 PM. Reason: Link added to appropriate Bootstrap documentation

  3. #3
    Join Date
    Jan 2009
    Location
    NH
    Posts
    631
    Thanks
    96
    Thanked 24 Times in 24 Posts

    Default

    Did you try anything yet? I would use this code
    Code:
    <div class="row">
        <div class="col-md-6 center-block">
          <p>Lorem ipsum dolor sit amet, eum mollis lucilius in, cu mei purto latine erroribus, an enim scripta sea. His quodsi persequeris in, recteque definitiones ius cu. Sit ignota omnesque cu. Solet populo id sit.
    
    His homero ignota gubergren at, vim sint phaedrum persequeris at, at odio adhuc tritani quo. Nam graece atomorum patrioque an, vis no graeco integre deserunt, an error vulputate mei. Accumsan periculis eum at, cu mea error simul quaeque. Ipsum perpetua ne quo, mel id bonorum deseruisse.
    
    Alia impedit id his, at quot oblique est, vis no quod esse vero. Est malis dolore iracundia ei. In minim simul epicurei mea. Ut qui habeo tincidunt. Qui nisl error et, labitur indoctum mel ei, ea pro soluta sententiae. Simul mollis ex duo.
    
    Affert facete duo ut. Eam graece audire constituto in. Rebum quaerendum eu mel, quas choro di**** has ut, no sit omnis iriure abhorreant. Cu mucius constituto mei, vis movet platonem no, movet legendos cu quo. Quo impetus detraxit mediocrem no, at posse minimum eos.
    
    Usu nullam meliore splendide ad. Ei quot debet inciderint nec, qui te deleniti elaboraret mediocritatem, graeco adolescens disputando nam id. Prima epicurei eam te. Et minim dignissim delicatissimi ius, ubique vituperatoribus ius te, usu at nihil homero efficiendi. At eos case consetetur.</p>
        </div>
        <div class="col-md-6">
            <img src="IMAGE URL">
        </div>
    </div>
    <div class="clearfix"></div>

Similar Threads

  1. Bootstrap half screen
    By chechu in forum CSS
    Replies: 1
    Last Post: 10-31-2016, 10:15 AM
  2. Gap at end of Bootstrap table
    By jdadwilson in forum CSS
    Replies: 9
    Last Post: 09-15-2015, 07:17 PM
  3. Responsive Bootstrap DDMegamenu
    By mulaus in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 02-13-2015, 08:24 AM
  4. Need help with Twitter Bootstrap Carousel
    By katiebugla in forum Other
    Replies: 1
    Last Post: 10-16-2012, 10:16 PM
  5. Table alignment versus Text alignment...
    By TheJoshMan in forum HTML
    Replies: 3
    Last Post: 02-23-2006, 05:43 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •