Bootstrap 3 pixel design

Just make a custom css style sheet and load it after bootstrap.  Or if it is just for the page, load a <style> tag on the page below the bootstrap css.

<style>
.first{width:220px;padding:20px;}
</style>
<div class="row">
     <div class="col-md-3 first">1 </div>
           
     <div class="col-md-9">2</div>
</div>

Select allOpen in new window

Thankaz..
Ok when a do that it dozent change for the smaller resolution it stay the same width, do i have to change it manualy for the smaller resolutions to?

You asked, "can a make col 1 to be 220pix " and I gave you the answer http:#a39743512.  That will make the column the same width no matter what the viewport size.

>" it dozent change for the smaller resolution it stay the same width,"

Correct, you asked for the first column to be 220px wide and that is what we did.

You can see the result in this test link http://jsbin.com/EJImATUX/1/edit

Do you really mean you wan to change the width of the first column (or every column) for every screen size (xs,sm,md,lg)?  

With 12 columns, it should be easy enough to use the predefined sizes and they are based on percentage. When you start messing with the sizes in one spot, you may end up with issues in another.

Sorry about the confuzen, a whant to make a meny that is 220 pix and the md-3 colum is to big 278pix the md-2 colum is to small, how doa solve this, se attachment the top is the html and the bottom is the Photoshop file.
temp.png

Thanks for the help, I now understand what you mean, and how I should think. Is not used to grid and bootstrap way of thinking ...

Mike,

Thank you for the points.  Can you let me know why you did not rate this answer an "A"?  Maybe there is a mis understanding or I could have explained this better?

Sorry course it was an A can a change the rating?

Just click the Request Attention link and a mod will assist.