CODEWITHSUNDEEP
htmlcsstwitter-bootstrap-3
Apostolos
Apostolos

Reputation: 8101

Adjusting table using float left and bootstrap

I am trying to create a year calendar. In the year view the user will be presented with all the months of the year, kinda like (kinda....) the ical year view. My code is in bootply .(I cannot enter the code here cause it exceeds the character limit).

Why does some months not appear correctly. Julyfor example floats right....Am I doing something wrong?Most of the months are placed correctly but three of them aren't. Is it the height?

Upvotes: 1

Views: 1327

Answers (2)

Vladislav Stanic
Vladislav Stanic

Reputation: 795

If you add fixed height to the tables you will solve that float but table cells will have different height then because some tables (months) have more rows (weeks) then other. You could try putting every 3 tables in a div with clear: both;.

bootply

Upvotes: 2

Yagiz Ozturk
Yagiz Ozturk

Reputation: 5428

Try using bootstrap ui with angularjs.
There is a easy datepicker.
Check here

Upvotes: 0

Related Questions