למיטב ידיעתי , אתה בכלל לא צריך לשחק עם אחוזים...
האחוזים מחושבים בצורה אוטומטית ברגע שאתה מגדיר כמה רוחב כל עמודה תתפוס..
לדוגמא :
col-md-3 זו עמודה שתתפוס רבע מסך במסכים שהם בינוניים (laptops)
במידה ואתה נותן 3 div עם הקלאס הזה בשורה אחת זה אמור להסתדר לך.
כלומר :<div class =row>
<div class=col-md-3> ריבוע </div>
<div class=col-md-3> ריבוע </div>
<div class=col-md-3> ריבוע </div>
</div>
שים לב שעמודות אלו יתפסו שליש כי הגריד בבוטסטרפ מורכב מ12 עמודות (4 עמודות שתופסות שליש ייתנו לך סה"כ 12)
כמובן שאתה צריך למלא את הקלאסים ל3 נקודות השבירה - (md - מסכים בינוניים , sm -סמארטפונים וטאבלטים, lg - מסכי מחשב , xl - טלוויזיות ) . bootstrap יודע לחשב את האחוזים לבד לפי ההגדרות הדפולטיביות שלו..
תגיד לי אם הצלחת.