While creating a webpage with Bootstrap 3, i got a horizontal bar at the bottom of the page.
And i'm newbie to bootstrap so i can't figure it out how to remove the horizontal bar.
This is what i'm trying to say:
codepan http://codepen.io/Kishan93/pen/wWBdyW
Can anyone help me to remove it??
And just for reference image size is 1920 x 872 px
Thanks in advance...
remove the div with class .row
row class has -15px margin left and right, and if it's not properly nested, it creates vertical scroll
Related
I don't want to do this programatically. Please show me the storyboard way to achieve this.
I want orang view to of half size of the space between nav-bar & tabbar. Refere dashed rect, I want half of that rect.
There are a couple of ways to approach this that I can think of.
Use a container view
The first is to add a UIView to the superView to act as a container. You can "pin" this container view to the bottom of the navigation bar and the top of the tab bar.
Now add your orange view to this container. With constraints pinning it to the top, left and right. You can then give it equal height with the container and a 0.5 multiplier and it will have half the height between the nav bar and tab bar.
Use a "spacer" view
The other method is to use a spacer view. Add your orange view and then add another view beneath it. Pin them to the nav bar and tab bar respectively and give them a vertical spacing of 0 between them.
Now give them equal heights.
This will make them both take up half the space between the nav bar and the tab bar.
Now make the "spacer view" hidden. It will hide but the constraints will still work.
Both of these will work for any device size and any orientation. Also, for edge cases like if satnav guidance or an incoming call changes the height of the nav bar etc...
As #Fogmeister mentioned You can use spacer view
Pin both of them and make their heights Equal Height.
And set blue view Hidden.
Very easy, add the following constraints.
Left and right constraints pinning the view to the superview.
Top constraint pinning view to superview with a constant of 64 to offset the nav bar.
Equal heights constraint with the superview. Change the multiplier of this constraint to 0.5 and the constant to -54 (half of the 64pt nav bar + status bar and half of the 44pt tab bar) and update frames.
Job done. :)
I have a problem which drives me crazy. I want to be able to zoom into a picture and scroll around. So I put a ScrollViewController onto my ViewController. And onto my ScrollViewController an ImageViewController. When I am setting the constraints I am always getting the note, that the Image will be different at run time. You can see where the yellow dotted lines show where the Image is going to be. I cant get the right constraints to get rid of this error so that my picture isnt cut in half. So when I am running the app in the simulator the Picture is always shifted downwards. The weird thing is when I am not using an Navigation Controller I dont have any errors. I dont know whether this is a bug or if I have a mistake in my constraints which I dont see. Is somebody here to help me ? To see the picture Click on "Screenshot xCode"
Thanks
Update: I uploaded a picture how it the view looks on the Scrollview and a picture when the Imageview is being added and it runs in the simulator.
i needed to delete the firs picture due to my reputation. But in the "screenshot2 xcode" shows the same problem
screenshot 2 xcode
screenshot 3 simulator
You need to add a view as a content view inside scrollview. You need to add following constraint to your contentview
- leading
- trailing
- top
- bottom
- width (equal to scorllview)
- height(equal to scorllview)
Its so confusing to add width and height constraint even if you add leading,trailing, top and bottom. But this width and height is actually for scrollview content width and content height.
Than add a imageview to contentview. give constraint as follow
- leading
- trailing
- top
- bottom
Hope this fix your problem.
Constraints must be as follow:
Per scroll view:
Align center x: Superview
Align center y: superview
Equal width: superview
Equal height: superview
Per image View:
Align center x: superview
Trailing space: superview
Leading space: superview
Bottom space: superview
Top space: superview
Height equal: make this the view height
Start all sizing from the top left corner in interface builder
How could keep the table headr position fixed, when I scroll the html with horizontal or vertical scroll?
Thanks a lot.
Example Page: http://para.maximintegrated.com/en/search.mvp?fam=stepdn&270=Internal%20Pwr.%20FETs&tree=powersupplies
My Failed Case
This question was raised already by some other. Just go through these links hope u will get what you are trying to look for.
https://stackoverflow.com/questions/983031/jquery-how-to-freeze-table-header-and-allow-scrolling-of-the-rest-of-the-rows?
How do I create a layout as in the image above in titanium?
When someone scrolls, I want the left and the right column to stay fixed to the screen (as in CSS fixed position) while only the middle column scrolls.
When someone taps on a button on either the left column or the right column, the buttons in the middle column are going to be replaced with new buttons.
.1 Create the base view that contains the left and right buttons.
.2 on top of that view, create a scrollable view transparent, with the learning, eating buttons on it.
// SCROLLER
var scroller = Titanium.UI.createScrollableView({
pagingControlColor:'transparent',
});
First of all, set current window's layout to 'horizontal'.
Then create left view(Ti.UI.View), mid view(Ti.UI.ScrollView) and right view(Ti.UI.View).
Set the layout of all of these three view to 'vertical'.
Now when you would scroll, left and right view will remain at same state while just mid view will be scrolled.
Hope it would solve your problem.
I am very new to sencha touch. Working with sencha touch to develop bar charts. I am an issue regarding the bar width of the chart. As the number of bars get increased the bar width gets decreased. But the thing is it should not happen like that. The bar width must be fixed even if the bars get increased also. I will apply scroll bar to see the reamining bars plotted on the graph. Scroll bar is not issue. But how do I fix the bar width of the bar chart. Could anyone share the solution for this issue ASAP.
Thank in advance.
http://www.java2s.com/Open-Source/Ja...ies/Bar.js.htm
http://docs.sencha.com/touch-charts/1-0/source/Bar.html
http://docs.sencha.com/touch-charts/...art.series.Bar
To change the width of the bar, add the following to your series definition:
e.g.
series: [{
xField: 'comedy',
displayName: 'Comedy',
style: {color:0x6238A7, size:8}
}]
see if u can get anything from this
bar chart widht is depend on height of your chart's counteiner so you have to set height of counteiner by calculating with number of bar in your chart.
and set calucalted value to counteiner by using setHeight() method