SPECIAL OFFER: Only $69 for access to everything in OSTraining for 1 year! You save $75!  1
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!

Bootstrap full width

6 years 1 month ago #116974 by ahmedsiddiq
Bootstrap full width was created by ahmedsiddiq
Hi

How can I make my bootstrap theme site full width..




please guide.

regards
Ahmed

This message has an attachment image.
Please log in or register to see it.

Please Log in to join the conversation.

6 years 1 month ago #116987 by Valentin
Replied by Valentin on topic Bootstrap full width
Hi Ahmed,

Within your theme, locate the div with container class, and changed to container-fluid:
<div class="container-fluid">
...
</div>

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

6 years 1 month ago #116990 by ahmedsiddiq
Replied by ahmedsiddiq on topic Bootstrap full width
Hi Valentín

Thank you for your reply,

Do i need to do this in page.tpl.php file , moreover is this just it, or do I need to up date the style.css , as well.

kindly guide, please.

Please Log in to join the conversation.

6 years 1 month ago - 6 years 1 month ago #116999 by Valentin
Replied by Valentin on topic Bootstrap full width
Yes, look around line 116:
<div class="main-container container-fluid">

No extra CSS required.

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

6 years 1 month ago #117000 by ahmedsiddiq
Replied by ahmedsiddiq on topic Bootstrap full width
WOW :-)

Thanks a lot,

If I want to expand my nav bar to max width as well, what will you kindly suggest, please

I mean there is a option to select in http://localhost/drupal/node/61#overlay=admin/appearance/settings/bootstrap_subtheme [ nave bar - static top ]

please advise if this is the right way or should we make some changes in the page.tpl.php file .

Kindly advice.

regards
Ahmed

Please Log in to join the conversation.

6 years 1 month ago #117001 by Valentin
Replied by Valentin on topic Bootstrap full width
My previous suggestion pointed to the content only, not the menu.

The navbar have some settings. Please check in the theme settings in Navbar > Navbar position. See if the result match your needs.

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

6 years 1 month ago #117010 by ahmedsiddiq
Replied by ahmedsiddiq on topic Bootstrap full width
Thank you.

regards
Ahmed

Please Log in to join the conversation.

6 years 1 month ago #117013 by ahmedsiddiq
Replied by ahmedsiddiq on topic Bootstrap full width
Hi

After adding the container fluid I noticed following.




and reducing margin to right from -15px to 0px fixed theissue. following is the screen shot.




Is this the right approach to fix this issue.

please guide.

regards
Ahmed

This message has attachments images.
Please log in or register to see it.

Please Log in to join the conversation.

6 years 4 weeks ago #117066 by Valentin
Replied by Valentin on topic Bootstrap full width
Hi Ahmed,

I don't recommend changing the .row margin. It would break the responsiveness.

Hopes this clarification helps

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

6 years 4 weeks ago #117109 by ahmedsiddiq
Replied by ahmedsiddiq on topic Bootstrap full width
Thank you
regards
Ahmed

Please Log in to join the conversation.

6 years 4 weeks ago #117121 by Valentin
Replied by Valentin on topic Bootstrap full width
Let us know if you need something else :)

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!