I don't know how to create a right-fluid container and a left-container in html bootstrap 5, please help me, thanks.
Related
When developing the html of a dashboard I'm stuck with the following scenario:
The dashboard have a header that have some content like a title and the username with edit and logout buttons.
Next it have vertical aside menu and on its side the content to be showed, my problem is that the menu is being spaced from the edge of the browser, I've checked for custom margins, but I don't have it, so its too strange.
I'm posting here the jsfiddle with the code, any help is appreciated.
[The Code][1]
[1]: https://jsfiddle.net/sumxocp6/
The proper syntax for a Grid Row in Bootstrap is .row not .row-fluid. If you change your code to reflect the correct syntax the grid spacing functions as expected in Bootstrap.
Why do we have a Jumbotron if we have the Container-fluid?
I have seen a lot of explanations saying that is because it is full width, but the container fluid is not.
Help me out with that please thanks =)
You can see the difference between .container and .container-fluid here
and as for Jumbotron. Think of it as a hero section which sets below navbar. You can read about it here
Hope I helped
I can't figure out how to get the carousel to not hide behind the fixed navbar.
I have tried a few things but I always get lost.
I want the navbar fixed to the top if possible. View the page:
http://www.pegasusbus.com/ebrochure/
Can anyone help me? I am new to all this but a quick learner.
Thank you!
add <br> after your top navigation. It works for me.
from couple of hours I try figureout how vertical drop down works. Maybe somebody will be so nice and explain my what Iam doing wrong.
I would like to achive vertical dropdown menu like is here.
When you click on eg 'UI Features' the sub menu roll down and move other elements down.
I tried couple of solutions but it still doesnt work. My dropdown appear above other elements.
Here is what I achived Codeply
Ps: I using Bootstrap v3.3.2
Use Bootstrap collapse button component
You can look at this question, and try the code user post in his question, the code works better, you can modify it according to your need..
1) Responsive Sidebar in twitter bootstrap 3.x
2) left sidebar in twitter bootstrap
The link 2 will also help you...
Tried to use twiter bootstrap
to create a top nav-bar in my master page.
http://jsfiddle.net/ZqCah/1/
I have some bugs and would appreciate some help:
1- I want to turn all my content to be rtl.
meaning My site will be the most right and register will be the most left.
2- The items are at different hights.
How can I align them to the middle of the bar?
3- I want to add an my site logo to the bar, as seen here
ask assitance for html page tabular layout
can it stick to the screen like the bar itself?
can it share the size with the bar itself?
Bootstrap now (3.3.5) supports RTL! all you have to do is replace all "left" with "right" inside bootstrap.css file (or better, directly on the "less" source files). The carousel maybe needs some tweaking, but 99% of the stuff works fine. Here's an example
If you want to create RTL website with twitter bootstrap you can use RTL version of it.
http://pyjamacoder.com/2012/02/01/twitter-bootstrap-v2-rtl-edition/
and
https://github.com/donaldducky/bootstrap-rtl
I create webpage with these
sushiant.com created with rtl version of bootstrap
You may want to explore the use of FLOAT and POSITION in your CSS. Try to separate each of your elements inside DIVs and experiment on FLOAT and POSITION properties.
For example, your number 1 question...you can put "my site" using:
<div style="float:left">my site</div>
<div style="float:right">register</div>
You can refer to this positioning tutorial http://www.barelyfitz.com/screencast/html-training/css/positioning/