Bootstrap có quy định
- container, col : padding: 0 15px;
- row: margin : 0 -15px;
Như vậy xem hình như sau:
Thực Tập
Chủ Nhật, 16 tháng 8, 2015
Thứ Năm, 13 tháng 8, 2015
How to make items to div center in css. (vertical-align)
First you mush set type of his parent to : POSITION: RELATIVE
Then, you set type of them to : POSITION : ABSOLUTE
Now, you set it :
TOP: 50%;
LEFT: 50%;
TRANSLATE(-50%,-50%)
It will go to center of div. thanks all to watch my topic about "How to make items to div center in css. (vertical-align)"
Then, you set type of them to : POSITION : ABSOLUTE
Now, you set it :
TOP: 50%;
LEFT: 50%;
TRANSLATE(-50%,-50%)
It will go to center of div. thanks all to watch my topic about "How to make items to div center in css. (vertical-align)"
Thứ Sáu, 29 tháng 5, 2015
Cách lấy class ở vị trí index nào trong div bằng javascript, jquery
<div class="class1 class2 class3"></div>
- Lấy div có class= class2:
Bằng Jquery:
- Lấy div có class= class2:
Bằng Jquery:
$("div").attr(class).split(" ")[1]
hoặc $("div").prop("classList").[1];
Thứ Tư, 27 tháng 5, 2015
Không click được sự kiện click event trong javascript, jquery.
Dòng lệnh $(document).ready() nó sẽ được gọi khi tất cả code html của trang load xong
khi đó, nó sẽ lấy tất cả các thẻ có class “abc” đi đăng ký vào sự kiện onclick
nhưng mà những thẻ div mình tạo sau khi nó đăng ký thì nó lại không nhận sự kiện
do đó, cách tốt nhất là dùng ‘onclick=“fucntion”.
Còn nếu dùng jquery thì phải:
khi đó, nó sẽ lấy tất cả các thẻ có class “abc” đi đăng ký vào sự kiện onclick
nhưng mà những thẻ div mình tạo sau khi nó đăng ký thì nó lại không nhận sự kiện
do đó, cách tốt nhất là dùng ‘onclick=“fucntion”.
Còn nếu dùng jquery thì phải:
$(document).delegate(".group-member-name", 'click', function(){cái delegate nó sẽ tác động đến tất cả các thẻ có có class group-member-name cả trước và sau khi ready
alert("Test");
});
Thứ Năm, 14 tháng 5, 2015
thêm thẻ mới vào đối tượng selector bằng append()
ta có 1 thẻ <div> , ko chứ dữ liệu, bây giờ muốn thêm 1 đoạn văn vào
<div></div>// sẽ được thêm vào nội dung ở thẻ div khi thêm append
<buton>nút</button>
<script>
$(document).ready(function(){
$('button').click(functon(){
$('div').append('<h1>Them 1 dong mới vào</h1>');
});
</script>
<div></div>// sẽ được thêm vào nội dung ở thẻ div khi thêm append
<buton>nút</button>
<script>
$(document).ready(function(){
$('button').click(functon(){
$('div').append('<h1>Them 1 dong mới vào</h1>');
});
</script>
Hiệu ứng Click chuột : fucus , blur
--Focus: click vùng chọn
$('#id').focus(function(){
$(this).css('background-color','red');
});
--Blur : rời khỏi vùng chọn
$('#id').blur(function(){
$(this).css('background-color','blue'')
});
$('#id').focus(function(){
$(this).css('background-color','red');
});
--Blur : rời khỏi vùng chọn
$('#id').blur(function(){
$(this).css('background-color','blue'')
});
Cách viết trong Jquery
cách thứ nhất:
$(document).ready(){
....
}
cách thứ 2:
$()ready(function(){
.....
})
cách thứ 3:
$(function(){
....
})
$(document).ready(){
....
}
cách thứ 2:
$()ready(function(){
.....
})
cách thứ 3:
$(function(){
....
})
Đăng ký:
Bài đăng (Atom)