Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

Anyone here know Twitter Bootstrap? Two questions...

  • 13-08-2012 11:42AM
    #1
    Mr. Loverman
    Closed Accounts Posts: 4,001 ✭✭✭


    Hi all

    I hope someone can help me with this.

    I am playing around with Twitter Bootstrap for a new website I want to make.

    I have two questions:

    1) Have any of you ever put a login form in a button dropdown? When I do it the dropdown disappears when you click into one of the input textboxes.

    2) I want to create a nested column layout. Currently I have this layout but I want this nested layout instead. Is this possible?

    The code for the first layout is as follows:

    [PHP]
    <div class="container-fluid">
    <div class="row-fluid">
    <div class="span3">
    <div class="well sidebar-nav">
    The box on the left.
    </div><!--/.well -->
    </div><!--/span-->
    <div class="span7">
    <div class="hero-unit">
    The box in the top middle.
    </div>
    <div class="row-fluid">
    <div class="span9">
    The box in the bottom middle which I want to stretch across the screen.
    </div><!--/span-->
    </div><!--/row-->
    </div><!--/span-->
    <div class="span2">
    <div class="hero-unit">
    The box on the right.
    </div><!--/.hero -->
    </div><!--/span-->
    </div><!--/row-->
    </div><!--/.fluid-container-->
    [/PHP]

    It's the bit "The box in the bottom middle which I want to stretch across the screen" which I want to stretch across the screen. I'm guessing I need two columns, one for the left box and one containing two rows for the items on the right, but I am now sure if this is currently possible.

    Any help greatly appreciated.

    Cheers!


Advertisement