Stack Overflow
Stack Overflow

Questions tagged [affix]

An additional element placed at the beginning or end of something.

An additional element placed at the beginning or end of a root, stem, or word, or in the body of a word, to modify its meaning. In Twitter Bootstrap it is prepend.

Prepended and appended inputs in BootStrap.

Add text or buttons before or after any text-based input. Do note that select elements are not supported here.

Wrapping an .add-on and an input with one of two classes to prepend or append text to an input.

214 questions
0
votes
1 answer

Bootstrap affix start in the middle of the page

I want multiple sections on my page with each a stacked navigation. The stacked navigation should stay in the section div. The first stacked navigation stay in the first section. The second stacked navigation jumps to the bottom and back while…
WitteStier
  • 381
  • 3
  • 13
0
votes
1 answer

Bootstrap affix - Cant manage to hide image element when scrolling down

When I scroll down I want to hide the big logo and expose the small logo
0
votes
0 answers

Affix element in Bootstrap

Today I learned about affix and the use of it with Bootstrap. I read all about it on the Bootstrap website and stack-overflow, and eventually checked How to use the new affix plugin in twitter's bootstrap 2.1.0? (see the jsfiddle link) as a good…
Kameelherder
  • 1
  • 1
0
votes
0 answers

Static Navbar - collapse on small device - logo should hide - Bootstrap 3

Hey So i have a static Navigation that will collapse when the browser size is getting smaller. (Bootstrap 3 navigation) Now i have a logo inside there as well. I want the collapsed navigation to scroll down with the user, that's working. I'm using…
lena
  • 97
  • 3
  • 11
0
votes
1 answer

How to apply css to bootstrap affix navbar

When my navbar becomes "affixed" using bootstrap, I want to apply custom CSS as well, but I am not sure how to detect for that event. Bootstrap's affix doesn't have parameters for this. My haml code is currently windowReady = -> …
ahnbizcad
  • 10,491
  • 9
  • 59
  • 85
0
votes
1 answer

Bootstrap affix issues with sticky top navigation

So I am having issues when trying to implement the affix sidebar with a sticky top nav, when scrolling on the page or clicking on the affix sidebar, the content header is off by 40 pixel (getting covered by the sticky top nav) Basically the content…
Samuel Shen
  • 37
  • 3
  • 12
0
votes
0 answers

Bootstrap Affix (or similar plugin) doesn't work inside fixed elements

My html structure is like that:
Affix box
…
Pedro Rezende
  • 1
0
votes
1 answer

bootstrap affix navbar doesn't detect image height

When I affix my navbar element, which is below my header element, the navbar affixes prematurely, as if the image in the header did not exist. The navbar is supposed to affix when the navbar reaches the top, not earlier. The code I used for this…
ahnbizcad
  • 10,491
  • 9
  • 59
  • 85
0
votes
1 answer

Bootstrap3, affix, fixed-top navbar, toggled text and anchors

I have on my page: fixed top navbar with height 74px; affixed sidebar navigation on the right column; left column, which has toggleable content;
aztechowski
  • 113
  • 7
0
votes
1 answer

How do I maintain grid system when using affix in Bootstrap

I am using Bootstrap 3 and affix in a responsive website but when I scroll up the fixed column of text on the left looses its width and expands to the full width of the screen. I think I am missing something? Demo here:…
user3067865
  • 427
  • 7
  • 14
0
votes
2 answers

The .affix-bottom class doesn't work for the twitter bootstrap affix plugin

I've tried many syntaxes with data-attributes and Javascript syntax in order to get the .affix-bottom class set for the affixed object when I scroll down, but it doesn't work. When I inspect the affixed element, the .affix class doesn't change into…
AFA Med
  • 241
  • 2
  • 11
0
votes
1 answer

Bootstrap affix and text + logo shift

I am quite new using bootstrap and I am really interested in the affix navbar. (The one which stayed at the bottom and then go to the top when you scroll). However, I'll try but I can't copy the effect of this…
maltroc
  • 35
  • 1
  • 6
0
votes
1 answer

How to add logo to Bootstrap's affixed nav

I'm trying to add a smaller version of my site logo to Bootstrap's affixed nav bar when the user scrolls. Here is my site. This is what I've been working on so far... I've tried adding to the the nav.affix with the smaller logo but it hasn't…
Social Monster
  • 91
  • 2
  • 15
0
votes
1 answer

Bootstrap Affix-bottom not scrolling back up

I have read some other answers but have still not been able to get the settings right. The columsheader does not start scrolling up again. Here is my php:
modernmagic
  • 141
  • 10
1 2 3
…
14 15